JS

js语言,一门基于HTML的脚本语言。类似于其它语言,学习需要从数据类型,分支,类与对象,函数。几个点学习

JavaScript由3个部分组成:
1.核心(ECMAScript)
2.浏览器对象(BOM)
3.文档对象模型(DOM)
本文先介绍ECMAScript

代码编写规范

一般js代码放在document末尾,


window.alert('hello JS')					#警告框
console.log(window.document)				#输出
document.write('hello JS')					#在页面中写入内容,尽量少用,会覆盖原来内容
字符串
var str = '你好'
str[2]										#字符串的下标
str.length									#字符串的长度
for (var i=0;i
分支
if语句
	if (){
	}
	else{
	}
	
for循环
for( var i=2;i
数组
var arr = new Array(1,2,3);
console.log(arr[1]);


//遍历数组
for (var i in arr){
	console.log(i)
}
for (var i=0,n
函数
js可以先调用函数。再定义
function fn1(n){

}

匿名函数
var fun2 = function(){
}
fun2()

//自执行函数
(function(){
})()

函数嵌套
function f1(){
	console.log('f1');
	
	function f2(){
		console.log('f2');
	}
	return f2;
}
f1()() == f2() 


函数嵌套换成匿名函数
function f3(){
	console.log('f1');
	return function(){
		console.log('f4');
	}
}
f3()()

/

var f6 = (function(a){
	console.log('f5,a=' + a);
	return function(b){
		console.log('f6,b=' + b);
	}
})()

函数传参
f6(20)


//构造函数(用来创建类;)
Date函数
var d = new Date(2019,2,21,10,11,12)
d.getDate()				日
d.getMonth()			月
d.getFullYear()			年
d.getHours()			时
d.getMinutes()			分
d.getSeconds()			秒
d.getMilliseconds()		毫秒

d.getTime()				时间戳			单位毫秒
d.getDate()				星期0-6,0为星期天


d.toLocaleTimeString()			上午10:11:12
d.toLocaleDateString()			2019年3月21日
d.toLocaleString()				2019年3月21日 上午10:11:12
d.toDateString()				Thu Mar 21 2019

时间差
var d1 = new Date(2019,10,1)
var d2 = new Date(2019,10,7)
d2-d1					两个时间之差
类与对象
类
var myclass = new MyClass('王思聪')

#方式一:
var obj = new Object()
obj.name = 'zhangsan'
obj.age = 18
obj.playgame = function(){
	console.log(this.name + '打游戏')
}
obj.playgame()


#方式二:
var obj = {
	name:'沈大师',
	age:40,
	readBooks:function(){
		console.log(this.name + '看书')
	}
}
obj.readBooks()


取元素
obj.name					.name是固定值
obj['name']					['name']适用于不确定取哪个元素时

删除
delete obj.age				删除age属性
定时器
#每隔3000毫秒调用函数
var timer = setInterval(function(){
	console.log('hello')
},3000)

var n = 0;
#执行定时器,给定一个id名为time。用于清楚定时器
var timer = setInterval(function(){
	n++;
	console.log('n')
	
	if(n == 5){
		#清除定时器
		clearInterval(timer)
	}
},2000)

你可能感兴趣的:(自我提升)