JavaScript笔记总结(二)

语句

JavaScript 语句是发给浏览器的命令，

document.getElementById("123").innerHTML = "你好";
// 向id="123" 的 HTML 元素输出文本 "你好"

复制

可以用分号分隔 JavaScript 语句。如：

a = 5;
b = 6;
c = a + b;

复制

可以写成

a = 5; b = 6; c = a + b;

复制

JavaScript 代码块

JavaScript 可以分批地组合起来。作用是一并地执行语句序列。以左花括号开始，以右花括号结束。

<h1>我是 Web 页面</h1>
<p id="myPar">我是段落。</p>
<div id="myDiv">我是一个div。</div>
<p><button type="button" onclick="myFunction()">点击这里</button></p>
<script>
function myFunction(){
	document.getElementById("myPar").innerHTML="hello";
	document.getElementById("myDiv").innerHTML="word";
}
</script>
//当点击上面的按钮时， '我是段落。' 会被 'hello' 替代， '我是一个div。' 会被 'word' 取代 。

复制

JavaScript 语句标识符

JavaScript 语句通常以一个语句标识符为开始，并执行该语句。

语句标识符是保留关键字不能作为变量名使用。

下表列出了 JavaScript 语句标识符 (关键字) ：

语句	描述
break	用于跳出循环。
catch	语句块，在 try 语句块执行出错时执行 catch 语句块。
continue	跳过循环中的一个迭代。
do … while	执行一个语句块，在条件语句为 true 时继续执行该语句块。
for	在条件语句为 true 时，可以将代码块执行指定的次数。
for … in	用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。
function	定义一个函数
if … else	用于基于不同的条件来执行不同的动作。
return	退出函数
switch	用于基于不同的条件来执行不同的动作。
throw	抛出（生成）错误。
try	实现错误处理，与 catch 一同使用。
var	声明一个变量。
while	当条件语句为 true 时，执行语句块。

JavaScript 会忽略多余的空格，如

alert   (10);  等效于  	alert(10);

复制

可以在文本字符串中使用反斜杠对代码行进行换行，如

document.write("你好 \  \   \   \
世界!");

复制

它也是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。

变量

变量必须以字母开头
变量也能以 $ 和 _ 符号开头(不推荐)
变量名称对大小写敏感（y 和 Y 是不同的变量）

var name; //用 var 关键词来声明变量，变量声明之后，是空的 name="xiaoming"; //用等号向变量赋值 var name="xiaoming"; //在声明变量时直接赋值 var name="zhangsan", age=18, sex="male"; //多个变量用逗号分隔 var x,y,z=1; //多个不可以用一条语句赋同一个值，x,y 为 undefined， z 为 1。

如果变量未赋值，那么它的值实际上是undefined

重新声明 JavaScript 变量

如果重新声明 JavaScript 变量，该变量赋值，则为新值（拥有动态类型）；如不赋值，则为旧值，不是undefined

数据类型

值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。

引用数据类型：对象(Object)、数组(Array)、函数(Function)

字符串

字符串是存储字符的变量，可以是引号中的任意文本（单引号或双引号都行）

var answer="It's alright";
var answer="He is called 'Johnny'";
var answer='He is called "Johnny"';
var answer='ok';

复制

数字

只有一种数字类型。数字可以带小数点，也可以不带。可以通过科学（指数）计数法来书写

var x1=34.00;   //使用小数点来写
var x2=34;     //不使用小数点来写

var y=123e5;   // 12300000
var z=123e-5;   // 0.00123

复制

布尔

布尔（逻辑）只能有两个值：true 或 false。

var x=true;
var y=false;

复制

数组

var cars=new Array();    //创建名为 cars 的数组
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";

复制

对象

可以使用字符来定义和创建 JavaScript 对象，空格跟换行不是必须的

由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义，如下：

var person={
firstname :  "John",
lastname  :  "Doe",
id        :  5566
};

复制

对象属性有两种寻址方式
name=person.lastname;
name=person["lastname"];

复制

声明变量类型

JavaScript 变量均为对象，当声明新变量时，就创建了一个新的对象。

可以使用关键词 “new” 来声明其类型：

var carname=new String;
var     x  =   new Number;
var     y  =   new Boolean;
var  cars  =   new Array;
var person =   new Object;

复制

参考来源：https://www.runoob.com/js/js-syntax.html

函数

函数就是包裹在花括号中的代码块，前面使用了关键词 function。

myFunction(argument1,argument2)  //可以发送任意多的参数，由逗号 (,) 分隔

复制

function functionname(){// 执行代码}

复制

<p>点击这个按钮，来调用带参数的函数。</p>
<button onclick="myFunction('Harry Potter','Wizard')">点击这里</button>
<script>
function myFunction(name,job){
	alert("Welcome " + name + ", the " + job);
}
</script>        //变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值

复制

带有返回值的函数

function myFunction(a,b)
{
    return a*b;
}
document.getElementById("demo").innerHTML=myFunction(4,3);
//返回12

复制

局部 JavaScript 变量

函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它。

全局 JavaScript 变量

在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。

JavaScript 变量的生存期

JavaScript 变量的生命期从它们被声明的时间开始。
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除。

复制

参考来源：https://www.runoob.com/js/js-syntax.html