2021琴理工作室JS基础教学(一)

简介: js是一门互联网上最流行的脚本语言

JS

它它它是什么?

js是一门互联网上最流行的脚本语言

  • 它是一种轻量级的编程语言
  • 它是一种弱类型语言
  • 它是可插入HTML页面的编程代码
  • 它可由所有的现代浏览器执行
  • 很容易学习!!!!!

它能干啥

js是世界上最好的(确信),所以我们能用它干啥

举好几个栗子

  • 我们登录的时候js会将我们的输入的数据进行一些判断
  • 网页中好看的动画效果有的也可以用js实现的
  • 等等

最基本的调试方法

作为一名合格的程序员,我们要先学会调试,自己的程序报错,

要自己调试看看哪里出错了,那我们前端程序员最常用到的也就是打印

var a = '我爱灰太狼';
console.log(a);
复制代码

开始正式学习

我们能将js代码放在哪里

我们学习了html和css那么我们能将js放在哪里呢?

  1. 行内式
<input onclick="alert('瑞瑞女装')">
复制代码
  1. 内嵌式
<script>
     alert('js');
</script>
复制代码
  1. 外部引入
<script src="./index.js"></script>
复制代码

我们的老朋友——变量

大家都学习了c语言,那么对变量也有了一定的理解,但是在js中变量是松散类型的,可以保存任何值

未进行初始化的变量会保存一共特殊的值-undefined

变量的命名规范

js中的变量是有命名规范的

  • 变量必须以字母开头
  • 变量名称对大小写敏感(A和a是不同的变量)
let a;
let 1a;
let A;
复制代码

声明变量

大家也看到上面我声明变量的方式了,一共有三种,这三种方式主要的区别就是变量的作用域

  1. var:
  2. let:
  3. const:

数据类型

  1. 动态类型

动态类型即是相同的变量可用作不同的类型

int a;
float c;
char a;
复制代码
var a = 1;
var b = "1"
var c = "123"
typeof(a)
typeof(b)
typeof(c)
复制代码
  1. 字符串

字符串是存储字符)的变量。

字符串可以是引号中的任意文本,可以使用单引号或双引号:

var carname="my name id cxy";
var carname='my name id cxy';
复制代码

字符串也可以进行拼接即两个字符串拼接成一个字符串,1+1=1

var a = "1"
var b = "2"
console.log(a+b)
复制代码

当然我们字符串拼接中可以拼接变量,解决一些内容要随着数据更改的要求

var a = 20
console.log('cxy'+a+'岁')
复制代码

其中单引号与双引号在语法上没有区别,也仅仅只是在规范上有所不同。 3. 数字

js中只有一种数字类型,这和c语言有极大的不同

var a = 100;
typeof(a);
var b = 3.14;
typeof(b);
复制代码
  1. 布尔 布尔只有true和false两个值
  2. 数组

在程序中数组是我们经常要用到的

var array = new Array();
array[0] = 1;
array[1] = "qinli"
console.log(array);
复制代码
  1. Undefined 在 JavaScript 中,没有值的变量,其值是 undefined。typeof 也返回 undefined。
var a;
console.log(a)
//输出undefined
复制代码
  1. 对象👩‍🦰🧑

大家都知道对象是什么吗😛

其实他和c语言的结构体类似 比如我声明一个学生的结构体,给他赋予一些属性,比如名字,年龄,专业,等等 那么我们在js中声明一个对象,赋予对象名字,年龄,性别的属性。

var person={
    name : "John",
      id :  5566
};
console.log(person.name)
console.log(person["name"])
复制代码
  1. Null NULL是一共比较特殊的变量
typeof(null)
//输出结果为object
复制代码

这是因为null表示一个空对象指针 它与undefined的区别是它是空值,undefined是未定义

我们的左膀右臂——函数

函数声明与函数表达式

  1. 函数声明
function myname(){
     var name = "cxy"
     return name;
}
复制代码
  1. 函数表达式
var myname = function(){
     var name = "cxy"
     return name;
}
}
复制代码

两者有啥区别呢?

大概也就是读取先后的区别吧

函数声明会被解析器率先读取出来,调用不会发生报错

函数表达式则要等到"很久很久很久"才会被解析,调用的话会报错。


相关文章
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的教学管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的教学管理系统附带文章源码部署视频讲解等
57 8
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的教学仪器设备销售网站附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的教学仪器设备销售网站附带文章源码部署视频讲解等
37 1
|
5月前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的数据库课程在线教学附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的数据库课程在线教学附带文章和源代码部署视频讲解等
46 4
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的大学多媒体教学管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的大学多媒体教学管理系统附带文章源码部署视频讲解等
35 0
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的教学演示系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的教学演示系统附带文章源码部署视频讲解等
35 0
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的槐荫中学教学管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的槐荫中学教学管理系统附带文章源码部署视频讲解等
20 0
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的高校院系教学实施管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的高校院系教学实施管理系统附带文章源码部署视频讲解等
24 0
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的教学资源共享平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的教学资源共享平台附带文章源码部署视频讲解等
31 0
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的教学辅助系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的教学辅助系统附带文章源码部署视频讲解等
30 0
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的大学生计算机基础网络教学系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的大学生计算机基础网络教学系统附带文章源码部署视频讲解等
30 0