JavaScript基础学习

JavaScript是基于对象和事件驱动的脚本语言。

特点：

• 动态(声明时无需指定变量类型)
• 弱对象(可以给变量赋值成任意类型)

JavaScript包括：

• ECMAscript
• DOM（文档对象模型）
• BOM（浏览器对象模型）

基础语法

//变量使用方法：
//变量声明： 
var number = 10 ;

//全局变量 （声明在所以函数体之外的变量）
//局部变量（声明在函数内部，通过var声明的变量）
//在函数外部不能访问函数内的局部变量
//在函数内可以访问全局变量

//例如以下代码：
var num = 100;
function name(){

num + = 100 ;
var s = 100+num ; 
console.log(s) ; //s输出300

}
name();
console.log(num); //num输出200
console.log(s); //报错

//基本数据类型（Number、String、Null、Boolean、Undefined）
var flag = true ;
var str = '12345';  
var i = 123 ;
var u ;
//打印变量类型方法：
console.log(typeof flag) ; //flag为Boolean类型
console.log(typeof str) ;  //str为String类型
console.log(typeof i) ;    //i为Number类型
console.log(typeof u) ;    //u为Undefined类型

//运算符（+= %= ?: && || !）

//流程控制语句：
//顺序结构
  if(){

}else{

}

//分支结构
switch(true){
   case 2: console.log('12345');  
         break ;
}

//循环结构
for(var i=0;i<=10;i++){
  console.log(i);  
}

函数使用方法：

//函数声明：
  function name(){
     console.log(123);
}

var f = function(){
     console.log('f函数');
}

//函数的调用 （函数名+小括号）
name();
f();

//函数的参数（函数声明时是形参，调用时是实参）
//函数的返回值（返回一个值，或直接跳出整个函数）
   //函数return后没有值，函数也会有返回值，返回undefined
   //函数没有return也有返回值，返回undefined
function sun(a,b){
  return a+b;
}

console.log( sum(2,4) ); //输出6

对象使用方法：

//对象声明（对象是一系列属性与方法的集合）
//用this调用当前方法的对象
var obj = {
   name:'XX' ,
   age: 18 ,
   height: 180 ,
  fun:function(){
     console.log(this.name);
}
 
};

//对象的访问
console.log(obj.name);
console.log(obj['name']);
obj.fun();

//添加对象属性或方法
obj.weight = 80 ;
obj.php=function(){
    console.log(obj.age);
}

//属性值修改
boj.name = '1234560';

//删除属性
delete obj.name;

//属性的遍历（for in 进行循环遍历）
for(var sum in obj){
      if(typeof obj[sum] !== "function"){
             console.log(obj[sum]+" ");
}   
}