初学JavaScript

初学JS

一、引入方式

1.内部脚本

<script>

    alert("hello js");

  </script>

2.外部脚本

  <script src="day407.js"></script>（不可自闭合）

二、书写语法

1.区分大小写：与Java一样，变量名与函数名以及其他东西都是区分大小写的；

2.结尾分号：JS的每行结尾的分号是可有可无的

3.注释：

单行注释：//注释
多行注释：/*注释*/

4.大括号表示代码块

//判断
if(count==3){
alert(count);
}

三、输出语句

window.alert("hello JavaScript");//浏览器弹出警告框

document.write("hello JavaScript");//写入Html,在浏览器展示

console.log("hello JavaScript");//写入浏览器控制台

四、变量

Javascript中用var关键字（variable的缩写）来声明变量。

JavaScript是一门弱类型语言，变量可以存放不同类型的值

特点1：作用域比较大，全局变量

特点2：可以重复定义的

变量名需要遵循如下规则：

1.组成字符可以是任何字母、数字、下划线（_）或美元符号（￥）

2.数字不能开头

3.建议用驼峰命名

注意：

ECMAScript 6新增了let关键字来定义变量。它的用法类似于var,但是所声明的变量。只在let关键字所在代码块内有效，且不允许重复声明。

ECMAScript 6新增了const关键字，用来声明一个只读的常量。一旦声明，常量的值就不能改变

五、数据类型

JavaScript中分为：原始类型和引用类型

原始类型：

number：数字（整数，小数，NaN(Not a Number)）

string :字符串，单双引号皆可

boolean:布尔类型true，false

null:对象为空

undefined：当声明的变量未初始化时，该变量的默认值是undefined

使用typeof运算符可以获取数据类型：

  //原始数据类型

    alert(typeof 3);//number

    alert(typeof 3.14);//number

    alert(typeof "A");//string

    alert(typeof "HELLO");//string

    alert(typeof true);//boolean

    alert(typeof false);//boolean

    alert(typeof null);//object

    var a;

    alert(typeof a);//undefined

六、运算符

算术运算符：+，-，*，/，%，++，–

赋值运算符：=，+=，-=，*=，/=，%=

比较运算符：>,<,>=,<=,!=,== ,===

逻辑运算符：&&，||，！

三元运算符：条件表达式？true_value:false_value

==会进行类型转换

===不会进行类型转换

 	var age = 18;
    var _age = "18";
    var $age = 18;
    alert(age == _age);//true
    alert(age === _age);//false
    alert(age === $age);//true

类型转换

字符串类型转换为数字

将字符串字面值转化为数字。如果字面值不是数字，则转为NaN。

其他类型转为boolean:

Number:0和NaN为false，其他均转为true.

String:空字符串转为false，其他均转为true。

Null和undefined：均转为false。

 //类型转换，其他类型转换为boolean
    if (0) {//false
      alert("0转换为false");
    }
    if (NaN) {//false
      alert("NaN转换为false");
    }
    if (-1) {//true
      alert("除0和NaN以外的其他数字都转换为true");
    }
	if ("") {//false
      alert("除空字符串以外的其他数字都转换为true");
    }
 	if (null) {//false
      alert("null转换为false");
    }
    if (undefined) {//false
      alert("undefined转换为false");
    }

七、流程控制语句

if…else

switch

for

while

do …while

用法与Java一样

参考官方文档：https://www.w3school.com.cn/js/js_statements.asp