Javascript基础

alert和弱语言

<script>
	var a;
	a="Helo World";
	alert(a);
	
	a=123;
	alert(a);
</script>

• alert 是弹出提示框

Button和函数

<script>
function showTime() {
    var date = new Date();
    alert(date.toLocaleString());
        }
</script>

<input type="button" name="btnTime" value="显示当前时间" onclick="showTime()" />

a标签显示时间而不跳转

<a href="javascript:showTime()">显示当前时间</a>

• 让a标签去执行一段js脚本

数据类型

1. boolean 布尔
2. number 数字
3. string 字符串
4. Undefined 未定义
5. Null 空对象
6. Object 对象类型

类型转换

var str = "101";
alert(parseInt(str) + 1);

判等

• == 用来判断值是否相等
• === 用来判断值和类型是否都相同

var a1;
var a2 = null;
if (a1==a2) {
    alert("ok");
} else {
    alert('no');
}

• 未定义和null值都是空

isNaN();

• 判断是否不是一个数字

var temp = '123';
alert(isNaN(temp));//返回false ，是数字

• 因为temp可以强转为数字类型

eval()

eval('alert('abc')');

• 将字符串作为js代码执行　

函数的定义

<script>
	function add(a,b){
		alert(a+b);
		return a+b;
	}
</script>

函数的可变参数

<script>
	function sum(){
		var a = 0;
		for(var i=0; i<arguments.length; i++){
			a += arguments[i];
		}
		alert(a);
	}

sum(1,2,3,4,5,6,7);
</script>

三种匿名函数

var f1 = function (a, b) {
    alert(a+ b);
};

f1(1, 2);

(function(n1,n2){...})(1,2);

new Function('n1','n2','return n1+n2');

模拟类

<script>
    function Person(name) {
        this.Name = name;
        this.say = function() {
            alert(this.Name);
        };
    }
    var p1 = new Person('Hello World');
    p1.say();
</script>

• typeof(p1) 返回的是一个object
• typeof(Person('123') 返回的是undefined
• typeof(typeof(Perosn))返回的是函数

function Person() {

}
var p = new Person();
p.Name = '123';
p.say = function () {
    alert(p.Name);
};

p.say();

原型

• 通过对象给类添加属性

function Person() {
}
var p = new Person();
p.__proto__.Title = 'abc';

• 通过对象，找到对象的原型，然后添加属性

数组

var array = [123,'abc'];
var item = array[0];//访问
var array1 = {name:'张三', age:18};
var array1['name'];//访问键值对
array1.name;//也可以通过这种方式访问

• json数组

var temp = [{
    title: 'a',
    age: 18
}, {
    title: 'b',
    age: 20
}];
for (var index in temp) {
    alert(temp[index].title);
}