JS新手入门

一、js的导入

1.内联式

<script> js代码 </script>

两种函数：某种功能模块

document.write('hello')

console.log('hello')

2.外链式

<script src="test.js"></script>

注意：使用src导入的javascript标签，不允许在script 内部继续写代码

3.执行顺序： 默认自上而下, 一个页面可以出现多个script标签。

通常一个页面会出现多个外联script标签，一个内联script标签。

习惯上外联的script标签写在html跟标签后面

二、常量和变量

1、常量：在程序运行的过程中，不能改变的量 

console.log(123)

2.变量：在程序运行过程中，可以改变的量

2-1.定义 var 标识符； var 是一个关键字，拥有某种特殊含义的单词 var 告知编译器，后面的标识符一个变量；

2-2.使用

var a=123; a=123; //左值，空间

var b; b=a; //右值，数值

console.log(a,b)

2-3.标识符的命名规则与规范

规则：标识符由数字、字母、下划线和$构成，不能数字开头

规范：变量语义化、尽量不要使用拼音、驼峰命名法

3.变量初始化：在变量定义的同时赋值

4.变量定义的注意事项

a.不能未定义，就使用

b.不能重复定义变量

三、数据类型

1.内置基本类型

1-1.number 数值

console.log(123)

1-2.string 字符串

var str="123"

console.log("123")

1-3.boolean 布尔 true false

console.log(true)

1-4.undefind 未赋初值

var a;
console.log(a)

1-5.null 空

var a=null;
console.log(null);

2.引用类型

3.typeof 检测数据类型

console.log(typeof(123));  //数字
console.log(typeof('abc')); //字符串
console.log(typeof true)

四、运算符

运算符三属性

a.优先级

b.结合方向

c.操作目数

1.算数运算符

+  -  *   /   %

2.赋值运算符 = += -= /= %=

赋值表达式是有值的，该值是右值

a.=：将右值赋值给左值

var a,b;
a=b=5;
console.log(a,b);

b.+= -= /= %=

var a=5;
a += 5;
a -= 2;
a /= 4;
a %= 3;
console.log(a);

3.自增自减运算符 ++，--

前加加：先算再用

后加加：先用后算，过了分号（也就是过了该条语句再计算）

var i = 5；
var res = i++ + --i + ++i + i++;
console.log(res); //22

4.关系运算符：返回的都是布尔值

= < <= == != ===

== 逻辑等

!= 逻辑不等

=== 严格等：要求数值和类型一致，不支持系统隐式转换

5.逻辑运算符：返回的值是布尔值

&&：完成某一个功能，需要n 个步骤，每个步骤都实现，整个功能才能完成，各个步骤间的关系称为与

||：完成某个功能，有n 种方法，任意一种方法都可完成这个功能，每个方法间的关系称为或

!：某个条件的对立面

五、数据之间的转换

1.隐式转换：以符号作为区分标准

a. + 转换结果全为字符串，效果等价于字符串的拼接

console.log(5+5+"=55");//10=55
console.log("55=" +5+5);//55=55

b.-,*,/,%,转换的结果是数字

注意：两个字符串进行加以外的运算，结果也是数字

console.log("123" - 23);

当遇到非数值型字符串运算时，结果是NaN

console.log("abc" - 5);

2.显示转换：通过调用函数实现转换数据类型

a.字符串转数字 parseInt(字符串||小数)：将字符串转为整型数据

parseFloat:(字符串)：将字符串转为浮点型数据

Number(字符串)：console.log(Number("123"));

b.数字转字符串

var a = 10;
var str = a.toString();
console.log(str,a);

六、条件语句

if 返回的是布尔值

if 的条件只能修饰后面的一条语句

if(条件){ 要执行的语句 }

if(条件){ 要执行的代码}else{ 要执行的代码 }

if(条件){ 要执行的代码 }else if(条件){ 要执行的代码 }else if(条件){ 要执行的代码 }...else{ 要执行的代码 }

面试题：=，==，===的异同

= 赋值

== 逻辑等

=== 数值和数据类型都要一样