JS - 基础

2019独角兽企业重金招聘Python工程师标准>>>

简介

全称为JavaScript，现用标准为ECMAScript-262规范。每条语句以英文标点分号 ";" 为结束符。

引入方式

直接编写

<script>
    alert('hello world');
    <!--打印hello world-->
</script>

导入文件

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

变量

变量命名，首字符只能是字母、下划线、$符号，且区分大小写。

常用标记法	释义	示例
Camel标记法	首字母小写	var myTest;
Pascal标记法	首字母大写	var MyTest;
匈牙利标记法	变量名前加标记字母,i整数,s字符	var iMyTest;

声明变量

var test;

赋值

test = 100;

实例对象

var test = new Person();
<!--Person是原有的类，test是声明的实例对象-->

打印

alert弹框方式打印

alert('hello world');

console方式打印

console.log('hello world');

document.write写入页面方式打印

document.write('hello world');

函数

Python 定义函数使用 function 关键字

function 函数名（参数列表）:
    {
     函数体;
     return 返回值;
    }

表示函数是创建的一个对象

<script>
	var obj=new Function("name","console.log(name);")
	obj("小明")
</script>

ECMA v3标准保留的 JavaScript 关键字 break | case | catch | continue | default ---|---|---|---|--- delete | do | else | false | finally for | function| if | in | instanceof new | null | return | switch | this throw | true | try | typeof | var void | while | with

示例：用函数给html插入内容，内容可以是文本、标签等

<script>
	function sayHello(){
		var hellostr="<h1>你好</h1>";
		document.write(hellostr);
		/*在网页上插入内容*/
	}
	sayHello();
</script>

数据类型

基本数据类型	释义
Number	数字(包含整型、浮点型、十进制、非十进制)
Null	空
String	字符串
Undefined	未定义
Boolean	布尔值

引用数据类型	释义
object	对象

强制类型转换

转换函数	释义	示例
parseInt	强制转换成整数	parseInt('6.12') 结果：6
parseFloat	强制转换成浮点数	parseFloat('6') 结果：6(数字6)
eval	将字符串强制转换为表达式并返回结果	eval('1'+2) 结果：3 eval('1<2')结果 true

字符串

常用转义字符	释义
\n	换行符
\'	单引号
\"	双引号
\\	右划线

运算符

ECMAScript普通运算符

运算符	释义
+	加
-	减/负
*	乘
/	除
%	求余
++	递增
--	递减

普通递增

<script>
	var i = 10;
	i++;
	alert(i);
</script>

结果

11

先输出后递增

<script>
	var i = 10;
	alert(i++);
	alert(i);
</script>

10
11

先递增后输出

<script>
	var i = 10;
	alert(++i);
	alert(i);
</script>

11
11

NaN特点

参与比较默认为false

<script>
	var n=NaN;
	console.log(n>0);
	console.log(n<0);
	console.log(n==0);
	console.log(n==NaN);
	console.log(n!=NaN);
</script>

false
false
false
false
true

ECMAScript逻辑运算符

运算符	释义
==	等于
!=	不等于
>	大于
<	小于
>=	大于等于
<=	小于等于
&&	与
||	或
!	非

控制语句

基本语句

if (表达式){
    语句1;
    ...
    }
else {
    语句2;
    ...}

switch语句

switch (表达式){
    case 值1:语句1;break;
    case 值2:语句2;break;
    ......
    default:语句4;
}

<script>
	var x=5;
	switch(x){
		case 1:alert("星期一"); break;
		case 2:alert("星期二"); break;
		case 3:alert("星期三"); break;
		default:alert("未定义");break;
	}
</script>

for循环控制语句

for (初始化;条件;增量){
    语句1;
    ...
}

<script>
    var test=["a","b","c"];
	for (i=0; i<test.length; i++){
		console.log(test[i]);
		// test.length是取数组的长度
	}
</script>

a
b
c

或

<script>
    var test=["a","b","c"];
	for (i in test){
		console.log(test[i]);
	}
</script>

a
b
c

计算1-100的和

<script>
	var sum=0;
	for (var i=0;i<101;i++) {
	 	sum+=i;
	}
	console.log(sum)
</script>

while循环控制语句

while (条件){
    语句1;
    ...
}

计算1-100的和

<script>
	var x = 0;
	var i = 1;
	while (i<=100){
		x+=i; 
		i++;
	}
	console.log(x)
</script>

异常处理

try{
    //这段代码从上到下运行，其中任何一个语句抛出异常该代码块结束运行
}
catch(e){
    //如果try代码块中抛出了异常,catch代码块中的代码会被执行.
    //e是一个局部变量，用来指向Error对象或者其他抛出的对象
}
finally{
    //无论try中代码是否有异常抛出(甚至是try代码块中有return语句)，finally代码块中始终会被执行
}

throw Error("这是一个实例的错误对象，可以用于异常抛出测试。")

转载于:https://my.oschina.net/zhaojunhui/blog/1840473