JavaScript基础[用途、基本使用、批量产生对像、对象调用、对批量生产对象进行验证、语法的灵活性、js的内置对象]
1.用于浏览器客户端的脚本语言
用途:HTML DOM操作(节点操作。添加或者修改或者删除节点)
给HTML网页增加动态功能
事件处理 例如监听鼠标点击。鼠标滑动,键盘输入
2.实现两个数相加
<script type = "text/javascript">
函数
function sum(num1,num2){
return num1+num2;
}
调用函数
var result = sum(10,20);
console.log(result);
万能的加法函数
function sum(numbers){
var count = 0;
for(var i =0;i<numbers.length;i++){
count += numbers[i];
}
return count;
}
3.匿名函数:
var test = function (){
console.log('我是匿名函数');
}
调用:
text();
4.创建对象
this在哪个对象中就代表该对象类似self
var cat = {
name : 'maomi',
age :19,
height :1.65,
friends :['1','2'],
eat :function(){
console.log(this.name + '我饿了');
}
run :function(){
console.log('跑了');
}
};
5.调用猫对象的属性
console.log(cat.name,cat.age,cat.friends);
cat.eat();
批量产生对象
function Cat(){
console.log('-----');
}
调用函数
Cat();
6.产生对象
var cat1 = new Cat();
console.log(typeof cat1);
var cat2 = new Cat();
console.log(typeof cat2);
验证批量生产对象
function forg(){
this.name = null;
this.age = null;
this.friends = [];
this.eat = function(someThing){
console.log(this.name + '1' +someThing);
}
}
批量生产
var forg1 = new forg();
var forg2 = new forg();
赋值
forg1.name = 'lihaun';
forg1.height = 1.22;
forg1.friends = ['xx','dd'];
forg2.name = 'xxhh';
...
console.log(forg1,forg2);
7.逻辑或 逻辑与
var name1 = 'name1';
var name2 = 'name2';
var name3 = 'name3';
var newName = null;
判断
if(name1){
newName = name1;
}else if(name2){
newName = name2;
}else{
newName = name3;
}
console.log(newName);
采用新的做法等价
newName = name1 || name2 ||name3;
console.log(newName);
逻辑与
var age = 22;
if (age>20){
console.log('可以生娃了');
}
等价
(age>20)&&console.log('可以生娃了');
8.js的内置对象
window:所有的全局变量都是window的属性
所有的全局的函数都是window的函数
var age = 18;
console.log(age);
console.log(window.age);
function egg(){
console.log('---');
}
window.egg();
动态的跳转:
window.location.href = 'http://baidu.com'
</script>