JavaScript基础[用途、基本使用、批量产生对像、对象调用、对批量生产对象进行验证、语法的灵活性、js的内置对象]

 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>