一丶script

1.输出语句

alert(" ");弹出一个警告框

document.write("");输入内容到网页中

console.log(" ");输出到控制台中

2.js代码位置(js代码按照上下顺序一次执行)

①将js代码写入标签的onclick(点击按钮才会执行js代码)属性中 //不好 会导致代结构与行为耦合度,不方便维护

②将js代码写入超链接的href(点击超链接才会执行js代码)属性中 //不好 同上

③将js代码写到script标签中(会直接显示在网页中)

④编写js代码到外部js文件中,然后通过script标签引入<script type="text/javascript" src=" 外部js文件路径"></script> //script标签一旦用于引入外部js文件,就不能再编写代码了

3.js的注释

① /*

多行注释

*/

②//单行注释

4.tip

①js中严格区分大小写

②js中每一条语句以分号(;)结尾 //若不写;浏览器会自动添加,但会消耗系统资源,有时会加错;。

③js中会忽略多个空格和换行

5.字面量

字面量都是可以直接使用的,但是一般不直接使用字面量。可以用变量来保存字面量。

声明变量:在js中使用var关键字来声明一个变量 var a = 0;

可以通过变量对字面量进行描述 var age = 22;

6.标识符

命名标识符须遵循以下规则:

①标识符中不能以数字开头

②标识符可以含有字母数字和、$

③标识符不能是ES中的关键字或保留字

JavaScript学习笔记之一(超哥JavaScript基础)_学习笔记

④标识符一般采用驼峰命名法--首字母小写,每个单词的开头字母大写,其余字母小写。

7.数据类型

①String 字符串 :需要用引号“”‘’引起来,引号不能同类嵌套,但是可以单双嵌套。

在字符串中可以用\作为转义字符(\" 表示一个引号 \\ 表示\ \n 表示换行 \t表示制表符)

②Number 数值

③Boolean 布尔值

④Null 空值 :唯一值null专门用来表示一个空的对象 用typeof检查会返回object类型

⑤Undefined 未定义 :声明一个变量 ,但不给变量赋值。

⑥Object 对象

8.强制类型转换

①将其他数据类型转换为String

方式一:调用被转换数据类型的toString()方法

JavaScript学习笔记之一(超哥JavaScript基础)_js代码_02

此时a为String类型。

方式二:调用String()函数,并将被转换的数据作为参数传递给函数

JavaScript学习笔记之一(超哥JavaScript基础)_学习笔记_03

使用String()函数做强制转换时:对于Number和Boolean实际上就是调用的toString()方法

但是对于null和undefined,不会调用,而会直接将null转换为null,将undefined转换为undefined

②将其他数据类型转换为Number

方式一:使用Number函数

JavaScript学习笔记之一(超哥JavaScript基础)_学习笔记_04

字符串-->数字

1.若是纯数字,直接转换为数字

2.若含有非数字的内容,则转换为NaN

3.若是一个空串或者是一个全时空格的字符串,则转换为0

布尔-->数字

true转为1 ,false转为0

Null -->数字 0

undefined-->数字 NaN

方式二:专用于字符串,parseInt()可将字符串中有效的整数内容取出转换为Number

JavaScript学习笔记之一(超哥JavaScript基础)_学习笔记_05

JavaScript学习笔记之一(超哥JavaScript基础)_学习笔记_06

parseFloat()可将字符串中有效的数字内容取出来转换为Number

9.运算符(操作符)

通过运算符可以对一个或多个值进行运算,并获取运算结果。

如 typeof 可以用来获得一个值的类型

+:对两个值进行加法运算并返回结果

-:减法操作

*:乘法操作

/:除法操作

%:取余操作

逻辑运算符 :与(&&) 或(|| ) 非(!)

&&两个值只要有一个false就返回false

||两个值只要有一个true就返回true

对于非布尔值的情况:会将其先转换为布尔值运算,最后返回原值

JavaScript学习笔记之一(超哥JavaScript基础)_标识符_07

赋值运算符

JavaScript学习笔记之一(超哥JavaScript基础)_学习笔记_08

关系运算符

JavaScript学习笔记之一(超哥JavaScript基础)_js代码_09JavaScript学习笔记之一(超哥JavaScript基础)_字符串_10

相等运算符

JavaScript学习笔记之一(超哥JavaScript基础)_标识符_11

JavaScript学习笔记之一(超哥JavaScript基础)_js代码_12

JavaScript学习笔记之一(超哥JavaScript基础)_标识符_13

JavaScript学习笔记之一(超哥JavaScript基础)_字符串_14JavaScript学习笔记之一(超哥JavaScript基础)_标识符_15

条件运算符(三元运算符)

语法:条件表达式?语句1:语句2

执行流程:先对条件表达式求值,若为true,则执行语句1,并返回结果;若为false,则执行语句2,并返回结果。若求值结果是一个非布尔值,会把它转换为布尔值后运算。

10.代码块

在JS中可以用{}来为语句分组,同一个{}中的语句为一个代码块,一组语句要么都执行要么都不执行。代码块后不用编写。{}只有分组的作用。

11.流程控制语句

①条件判断语句

if语句:JavaScript学习笔记之一(超哥JavaScript基础)_js代码_16

JavaScript学习笔记之一(超哥JavaScript基础)_学习笔记_17

if语句只能控制紧随其后的一条语句。

②条件分支语句(switch语句)

语法:switch(条件表达式){

case 表达式;

语句...

break;

case 表达式;

语句...

break;

default:

语句...

break;

}

③循环语句for/while

while循环:语法: while(条件表达式){

语句...

}

for循环:语法: for(初始化表达式;条件表达式;更新表达式){

语句...

}