美文网首页
js基础(三)

js基础(三)

作者: believedream | 来源:发表于2017-02-03 17:01 被阅读0次

第六天

02-语言基础-第03天{函数、对象}

函数

函数的申明

  • 函数申明式

    function fn(){
        // 函数体
    }
    
    
  • 函数表达式(匿名函数)

    var fn = function(){
        // 函数体
    }
    
    // fn表示函数名称
    // 函数表达式通常又叫匿名函数 因为没有函数名
    
    

函数的调用

fn();

// 注意:函数只申明不调用是不会执行的

函数的参数

// 申明
function 函数名(形参1,形参2,形参3,){
    // 函数体
}

// 调用
函数名(实参1,实参2,实参3);
函数名(实参1);// 这样写也不会有问题
函数名(实参1,实参2,实参3,实参4);// 这样写也不会有问题

// 注意:函数的实参个数可以和形参的个数不同

函数的返回值

function 函数名(){

    return 要返回值;
}
// 注意:函数不写返回值时默认的返回值是undefined

递归

  • 函数在内部调用自身函数叫递归

  • 递归通常需要结束条件(否则也是死循环)

    function fn(){
        fn();
    }
    fn();
    
    

回调函数

  • 被当做参数传递的函数叫回调函数

    function fn1(){
        console.log(“我是回调函数”);
    }
    
    function fn2(parameter){
        parameter(); // 调用函数
        // 这里的parameter是形参 代表传进来的函数fn1
    }
    
    fn2(fn1);// fn1就是一个回调函数
    
    

对象

对象的申明

  • 通过构造函数申明

    var obj = new Object();
    
    
  • 通过字面量申明

    var obj = {};
    
    

对象的属性

  • 属性的定义

    var obj = new Object();
    obj.属性名 = 属性值;
    
    
  • 属性的调用

    console.log(obj.属性名);// 打印出来的就是属性值
    console.log(obj["属性名"]);也可以用中括号的方式访问对象的属性
    
    

对象的方法

  • 方法的申明

    var obj = new Object();
    obj.方法名 = function(){
        // 函数体
    }
    
    
  • 方法的调用

    obj.方法名();
    
    

对象字面量

  • 对象字面量是创建对象的一种简便方式

  • 对象是以键值对的方式存储数据

    var obj = {
        name:"zs",
        age:18,
        sayHi:function(){
            alert("hello");
        }
    }
    // 等价于下面这种方式
    var obj = new Object();
    obj.name = "zs";
    obj.age = 18;
    obj.sayHi = function(){
        alert("hello");
    }
    
    

对象的遍历

  • for in遍历

    for (var k in obj) {
        console.log(k);// name age sayHi
        console.log(obj[k]);// "zs" 18 function(){alert("hello");}
    }
    
    

null和undefined

//undefined派生自null
console.log(undefined == null);//true 值是相等的
console.log(undefined === null);//false 数据类型不一样

//undefined总结
var a;//1.变量声明了没赋值是undefined
var arr = [1, 2];
console.log(arr[2]);//2.数组中没赋值的项目是undefined
function fn(a, b) {
    console.log(b);//3.形参没有接收到实参 是undefined
}
fn(1);
console.log(fn());//4.函数没有返回值 默认返回undefined
var obj = {};
//obj.name = "zs";
console.log(obj.name);//5.对象属性没赋值也是undefined
//总之 null一般是代码手动给的 undefined一般是解析器自动给的

null出现的场景

  • 一般申明变量时如果没有初始值可以先赋值null

undefined出现的场景

  1. 变量声明了没赋值是undefined
  2. 数组中没赋值的项目是undefined
  3. 形参没有接收到实参是undefined
  4. 函数没有返回值默认返回undefined
  5. 对象属性没赋值也是undefined

null和undefined的区别?

null是一个表示"无"的对象,转为数值时为0;undefined是一个表示"无"的原始值,转为数值时为NaN。

当声明的变量还未被初始化时,变量的默认值为undefined。

null用来表示尚未存在的对象,常用来表示函数企图返回一个不存在的对象。

undefined表示"缺少值",就是此处应该有一个值,但是还没有定义。典型用法是:

(1)变量被声明了,但没有赋值时,就等于undefined。

(2) 调用函数时,应该提供的参数没有提供,该参数等于undefined。

(3) 对象没有赋值的属性,该属性的值为undefined。

(4) 函数没有返回值时,默认返回undefined。
null表示"没有对象",即该处不应该有值。典型用法是:

(1) 作为函数的参数,表示该函数的参数不是对象。

(2) 作为对象原型链的终点。

相关文章

  • web前端 -- Day23 js高级

    js基础 JavaScript简称:JS JS分三个部分: ECMAScript标准---基础的语法 DOM D...

  • js基础(三)

    js基础 原型链和原型对象 ... ... js没有继承原型对象prototype通常用来添加公共的属性或行为且只...

  • js基础(三)

    第六天 02-语言基础-第03天{函数、对象} 第六天函数函数的申明函数的调用函数的参数函数的返回值递归回调函数对...

  • JS基础(三)

    // 循环:while 和 for // 我们经常需要重复执行一些操作。 // 例如,我们需要将列表中的商品逐个输...

  • javascript基础面试题

    第一章 课程简介 第二章 JS基础知识(上) 第三章 JS基础知识(中) 第四章JS基础知识(下) 第五章 JS-...

  • Android 程序员搞 web 之 webApi (十 二)

    Android 程序员搞 web 之 js基础(十 一) 难点 一、基础 1、js 分三部分 (1)、ECMASc...

  • 2.基础:Vue.js 组件的三个 API:prop、event

    基础:Vue.js 组件的三个 API:prop、event、slot 如果您已经对 Vue.js 组件的基础用法...

  • 2019-01-25js基础语法

    一 什么是JS 二,js基础语法 三,变量 四, 运算符 五,分之结构

  • React-Native 随笔

    学习基础: js的基础知识, rect.js基础 JSX语法基础 FlexBox布局 安装 安装node.js下载...

  • 最新web前端相关课程学习链接

    js基础篇 js进阶篇 js高级篇 vue基础篇 vue高级篇 react基础 react高级 Nodejs基础 ...

网友评论

      本文标题:js基础(三)

      本文链接:https://www.haomeiwen.com/subject/nsmdittx.html