JavaScript基础知识总结笔记

JavaScript基础知识总结笔记

一、js的两种引入方式

1.

自己编写的js代码

将上面的代码放在或者之间

2.直接保存为js文件，然后外部调用

二、JavaScript的三种输出形式

1.alert（）：弹窗，会以文本的原格式输出

2.document.write ()输出到页面，会以HTML的语法解析里面的内容

3.prompt(‘提示文字’，‘默认值’)：输入框—不常用

<script type="text/javascript" >
alert('hflahgfah');
document.write('hgalghakngi');
prompt('请输入你的密码')
prompt('请输入你的金额','fgghfhh')
</script>

备注：单引号双引号用法----js中单引号、双引号没有区别，单引号内不能用单引号，双引号内不能用双引号，中文双引号不在这个范围内，单引号可以包裹双引号，双引号可以包裹单引号

三、JavaScript中注释方法

​ html注释：
css\js大块区域注释：/* 代码 */
js单行注释： //

四、变量

1.先声明再赋值

var name; 声明变量

name = ‘被子ggg’; 给变量赋值

alert(name);

备注：区分一下alert(‘name’)和alert(name)区别

2.边声明边赋值

var name = ‘被子ggg’;

document.write(name)；

3.批量创建变量然后赋值—不常用

var name,age,sex;

name=‘黎明’;

age=‘30’;

sex=‘爷们’;

alert(name);

4.批量创建并且赋值—不常用

var name=‘李四’,age=‘25’,sex=‘男’;

五、变量声明注意事项

1.严格区分大小写

2.变量的命名必须以字母或_或$开头，余下的部分可以是任意字母、数字，或者{是}_{或}者是$( _ $ 和普通字母用法一样)

3.不能用关键字或者保留字命名

4.JavaScript自己的命名习惯

驼峰名命法genElementById

var studentnamelist;

var studentNameList; 比较好区分是由三个单词拼合而成

var student_name_list;

5.命名一定要有意义

6.分号的用法（记忆技巧：和古诗中的逗号用法一致）

六、变量的特点

1.如果变量被重新声明，但是没有被重新赋值，那么变量的值是不会改变的

<script>

var  hd='你好';

var  hd;

alert(hd);

</script>

输出结果—你好

2.如果变量被重新声明并且被重新赋值了，那么变量的值就会发生改变

<script>

var  hd='你好';

var  hd='她好';

alert(hd);

</script>

输出结果—她好

七、分号的用法

分号表示一段功能体的结束，如果有换行，可以不用加分号。(一句话可以是一个功能)

要求：凡是能加分号的地方，一定要加分号！！！

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PewA7tXX-1617352937365)(D:\桌面 文档\桌面\js2.jpg)]

八、JavaScript六大数据类型

js中有六种数据类型，包括五种基本数据类型（Number,String,Boolean,Undefined,Null）,和一种复杂数据类型（Object）。

typeof 操作符

由于js中的变量是松散类型的，所以它提供了一种检测当前变量的数据类型的方法，也就是typeof关键字.

typeof   123　　 //Number
typeof   'abc'　　//String
typeof    true       //Boolean
typeof    undefined   //Undefined
typeof    null        //Object
typeof    { }           //Object
typeof    [ ]           //Object
typeof    console.log()       //Function

null类型进行typeof操作符后，结果是object，原因在于，null类型被当做一个空对象引用。

1.Number类型

Number类型包含整数和浮点数（浮点数数值必须包含一个小数点，且小数点后面至少有一位数字）两种值。

NaN:非数字类型。特点：① 涉及到的 任何关于NaN的操作，都会返回NaN ② NaN不等于自身。

isNaN() 函数用于检查其参数是否是非数字值。

isNaN(123) //false isNaN(“hello”) //true

2.String类型

字符串有length属性。

字符串转换：转型函数String(),适用于任何数据类型（null,undefined 转换后为null和undefined）；toString()方法（null,defined没有toString()方法）。

3.Boolean类型

该类型只有两个值，true和false

4.Undefined类型

只有一个值，即undefined值。使用var声明了变量，但未给变量初始化值，那么这个变量的值就是undefined。

5.Null类型

null类型被看做空对象指针，前文说到null类型也是空的对象引用。

6.Object类型

js中对象是一组属性与方法的集合。这里就要说到引用类型了，引用类型是一种数据结构，用于将数据和功能组织在一起。引用类型有时候也被称为对象定义，因为它们描述的是一类对象所具有的属性和方法。

三大引用类型

1.Object类型

我们看到的大多数类型值都是Object类型的实例，创建Object实例的方式有两种。

第一种是使用new操作符后跟Object构造函数，如下所示

var person = new Object();

person.name = “Micheal”;

person.age = 24;

第二种方式是使用对象字面量表示法，如下所示

var person = {

name : “Micheal”,

age : 24

};

2.Array类型

数组的每一项可以用来保存任何类型的数据，也就是说，可以用数组的第一个位置来保存字符串，第二个位置保存数值，第三个位置保存对象…另外，数组的大小是可以动态调整的。

创建数组的基本方式有两种

第一种是使用Array构造函数，如下所示

var colors = new Array(“red”,“blue”,“yellow”);

第二种是使用数组字面量表示法，如下所示

var colors = [“red”,“blue”,“yellow”];

3 Function类型

每个函数都是Function类型的实例，而且都与其他引用类型一样具有属性和方法。函数通常是使用函数声明语法定义的，如下所示

function sum(num1,num2){

return num1 + num2;

};

这和使用函数表达式定义函数的方式相差无几。

var sun = function (){

return sum1 + sum2;

};

九、字符串拼接

1.页面弹出对话框，输入名字后点击确定，页面显示输入的名字

2.怎么在字符串里面把变量独立出来

备注：结果hd不能替换为输入的名字

在字符串中将变量独立出来的方法：将变量左右两侧都变成完整的字符串，然后用加号链接

3.用户输入账号和密码并在页面显示出来，这里涉及到两个变量，名字和密码

+加号如果在字符串中间，表示链接字符串

十、JavaScript运算符

• 算数运算符：

**+****：加，可以对两个值进行加法运算，如果是两个字符串则进行字符串拼接，任何值和字符串做加法运算，都会先转为字符串，然后再和字符串做拼接操作，也可以通过"+"**完成隐式转换。

-：减，对两个值进行减法运算后返回运算结果**

*：乘，对两个值进行乘法运算后返回运算结果

/：除，对两个值进行除法运算后返回运算结果**

%：取模(取余)，取模运算(**取余数)

++ 自增

– 自减

• 关系运算符(比较运算符)：

​ >：大于，>=：大于或等于，<: 小于，<= **：小于或等于，****：表示相等的意思，!=:****表示不等的意思，=:**全等（数据类型与值都相等），!== 不全等，运算的结果为布尔值

​ **注意：=**是赋值不是等于

• 逻辑运算符

JS****中有三种逻辑运算符

! **代表非(**非运算)

- !可以用来对一个值进行取反，就是对一个布尔值进行操作将alse变为true ，true****变为false

- **如果对一个值(**布尔值)进行2次非运算，它的值不改变

**-**两次非运算：如果对非布尔值进行运算，则先将它转换为布尔值，再取反操作，利用这一特点，可以将一个值转换为布尔类型

**&&**代表与

**- &&**可以对符号两则的值进行与运算并返回结果

运算规则：两个值只要有一个false**，就返回false**

​ 两个值都是true****的情况下，才会返回true

**||**代表或

**- ||**可以对符号两则的值进行或运算并返回结果

运算规则：两个值只要有一个true**，就返回true**

​ 两个值都是false****的情况下，才会返回false

• 赋值运算符

．JavaScript****赋值运算

​ = 赋值符

​ 可以将符号右侧的值赋值给左侧的变量

​ +=

​ val+=2 à****等价于 val=val+2;

​ -=

​ val-=2 à****等价于 val=val-2;

​ *=

​ val*=2 à****等价于 val=val*2;

​ /=

​ val/=2 à****等价于 val=val/2;

​ %=

​ val%=2 à****等价于 val=val%2;

• 条件运算符

条件运算符也叫做三元运算符

​ - **语法：条件表达式?****语句1:**语句2;

​ - 执行的流程：

​ 条件运算符在执行时，首先对表达式进行求值。

​ 如果该值为true**，则执行语句1,**并返回执行结果

​ 如果该值为false**，则执行语句2,**并返回执行结果

JavaScript******运算符的优先级

**JS中的优先级就跟我们数学中的优先级类似，比如在数学中:**先乘除 再加减 有括号先算括号里面的

算术操作符(+,-,*,/,++,–,%)>(关系运算符)比较操作符(<,>,== ,===,<=, >=,!=)>逻辑操作符(&&,||,!) >"="赋值符号(=,+=,-=,…)

**-** **语法：条件表达式?****语句1:****语句2;**

​ - 执行的流程：

​ 条件运算符在执行时，首先对表达式进行求值。

​ 如果该值为true**，则执行语句1,**并返回执行结果

​ 如果该值为false**，则执行语句2,**并返回执行结果

JavaScript******运算符的优先级

**JS中的优先级就跟我们数学中的优先级类似，比如在数学中:**先乘除 再加减 有括号先算括号里面的

算术操作符(+,-,*,/,++,–,%)>(关系运算符)比较操作符(<,>,== ,===,<=, >=,!=)>逻辑操作符(&&,||,!) >"="赋值符号(=,+=,-=,…)

​