【全栈之前端练习】javascript基本语法

JavaScript基本语法

输出表示

JavaScript输出语句
使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。

注释写法

单行注释： //
块注释： /* */

特殊字符

使用 + 特殊字符实现
例子：
say“I am a boy”.
代码为： document.write（“say\“I am a boy\”.”）

注： document.write() 方法是将内容写到 HTML 文档中

常量，变量

常量：
在JavaScript中没有常量的概念，他一般是指在代码中给定的值
比如：

var a=123；//将a定义为数字123
var b=“hi”；//将b定义为字符串hi

变量：
用于保存程序中的临时值，被后面的脚本使用

变量声明

变量声明三种方法
关键字var
1.在使用变量前声明：

var mytest；

2.声明变量的同时进行赋值：

var mytest=“this is a book”：

3.同时声明多个变量(不推荐)

var a,b=1,c;

数据类型

五种原始类型（简单类型）

1.Undefined -未定义类型
值为undefined ，未被赋值的变量

var a;
	document.write(typeof(a));

2.Null-空类型
值为null，尚不存在的对象

a = null;
	document.write(typeof(a));

3.Boolean‘-布尔类型
值为true/false

	a = true;
	document.write(typeof(a));

4.Number-数字类型
值为任何数字，NaN也是number类型，表示非数
NaN用于表示一个本来要返回数值的操作数未返回数值的情况
isNaN（）用于判断到底是不是NaN

a = 1;
	document.write(typeof(a));

5.String-字符串类型
值为字符转，需要用 双引号或者单引号括起来

a = "1";
	document.write(typeof(a));

typeof运算符

用于检测变量的数据类型

typeof "John"                // 返回 string
typeof 3.14                  // 返回 number
typeof false                 // 返回 boolean
typeof [1,2,3,4]             // 返回 object
typeof {name:'John', age:34} // 返回 object
//参考菜鸟教程

object 对象
function 函数

object类型

object表示对象，是一组数据和功能的集合
使用new操作符，可以创建一个对象
Object（）里可以任意传参，可以传数值，字符串，布尔值，或者计算

var box = new Object（）；
var box = new Object；
var box = new Object（1）；      //表示object类型，值为1
var box1 = box +1；    //可以和普通变量进行计算
alert（box1）；  //输出结果，转型成Number类型

noe Object（）表示一个对象，new还可以用来创建其他类型的对象

var box = new Number（1）；
var box = new String（“hi”）；
var box = new Boolean（true）；

类型转换

JavaScript是弱类型语言，对象类型对应值类型
可以对不同类型变量执行计算，解释器强制转换数据类型

例：
数值+字符串 --------------------将数值强制转换为字符串
布尔值+字符串------------------将布尔值强制转换为字符串
数值+布尔值---------------------将布尔值强制转换为数值

字符串转化欸数值
Number（）/ parslnt（）和parseflot（）对数字开头的字符串有效
Number（ ） 函数是转型函数，可以用于任何数据类型
Number（true0 输出1 布尔类型中false转换为数值0
Number（null）空对象返回0
Number（undefined） 返回NaN

值转化为字符串
toString() 返回字符串对象值
tostring（） 将任何类型转化为字符串

运算符

算术运算符

加+ 减- 乘* 除/ 取余% 递增++ 递减-- 求反-

关系运算符

等于== 不等于！=
大于> 大于等于>=
小于< 小于等于<=
成立返回True

赋值运算符

运算符	示例	说明
=	x=y	把y赋值给x
+=	x+=y	x=x+y
-=	x-=y	x=x-y
*=	x*=y	x=x*y
/=	x/=y	x=x/y

逻辑运算符

&& 逻辑与
|| 逻辑或
！ 逻辑非

位运算符

位与 &
位或 |
位异或 ^
位非 ~
左移运算符 <<