颠覆认知的『JavaScript』篇——05 参数默认值、递归、预编译、暗示全局变量

JS函数默认参数与预编译
最新推荐文章于 2024-03-05 09:38:50 发布
原创 最新推荐文章于 2024-03-05 09:38:50 发布 · 485 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #开发语言 #ecmascript

一、默认参数值

1.形参默认值

1. 一般情况下，没有实参，形参默认值为undefind

2. 可以在定义函数的时候设置默认值，不过是ES6的写法

function test(a = 1, b) {
  console.log(a); // 1
  console.log(b); // undefined
}

test();

//第二种
function test(a = 1, b) {
  console.log(a); // 2
  console.log(b); // 1
}

test(2，1);

2. 设置默认值

1.利用arguments || 运算实现

2.判断typeof（arguments[]）是否为undefind，注意typeof（）返回的是字符串

function test1(a, b) {
  var a = arguments[0] || 2;
  var b = arguments[1] || 3
  console.log(a + b);
}

test(); // 5

function test2(a, b) {
  var a = typeof(arguments[0]) === 'undefined' ? 2 : arguments[0];
  var b = typeof(arguments[1]) === 'undefined' ? 3 : arguments[1];
  console.log(a + b);
}
test2(); // 5

二、递归

找规律

給一个出口

三、预编译

1. 步骤

通篇检查语法错误

预编译过程

解释一行，执行一行

2. 变量提升

函数声明整体提升，变量只有声明提升，赋值不提升

     test();
        function test(){
            var a = 1;
            console.log(a);
        }
        //a = 1;
        console.log(a);
        var a;  // a = undefind
        var a = 10; //a = undefind

3.  AO active object 活跃对象 函数上下文

         1. 寻找变量和变量声明

         2. 实参赋值给形参

         3. 找函数声明，赋值

         4. 执行

 function test(a){
             console.log(a);
             var a = 1;
             console.log(a);
             function a(){}
             console.log(a);
             var b = function(){}
             console.log(b);


         }
         test(2);
        // AO = {
        //      a: undefind ->
        //         2 ->
        //         function a(){} ->
        //         1
        //      b: function(){0}
        //  }

4. GO  global object，全局上下文

        1. 找变量

        2. 找函数声明

        3. 执行

        var a = 1;
        function a(){}
        console.log(a);
        GO{
            a: undefind ->
               function a(){}
               1
        }

练习题

/**
 * AO = {
 *  a : undefined -> 2 -> function a() {} -> 1
 *  b : undefined -> function() {}
 *  d : function d() {}
 * }
 */
function test(a) {
  console.log(a); // function a() {}
  var a = 1;
  console.log(a); // 1
  function a() {}
  console.log(a); // 1
  var b = function() {}
  console.log(b); // function() {}
  function d() {}
}

test(2);

//-------------------------------------------------------------

/**
 * AO = {
 *  a : undefined -> 1 -> 5
 *  b : undefined -> function b(){} -> 6
 *  c : undefined -> 0
 *  d : function d(){}
 * }
 */
function test(a, b) {
  console.log(a); // 1
  c = 0;
  var c;
  a = 5;
  b = 6;
  console.log(b); // 6
  function b(){}
  function d(){}
  console.log(b); // 6
}

test(1);

//-----------------------------------------------------------------

/**
 * GO = {
 *  a : undefinded -> function a() {} -> 2
 * }
 */
var a = 2;
function a() {
  console.log(2);
}

console.log(a); // 2

//---------------------------------------------------------------

/**
 * GO = {
 *  b : undefined	-> function() {}
 *  a : function a() {}
 * }
 */
console.log(a, b);	// function a() {}  undefined
function a() {}
var b = function() {};

//--------------------------------------------------------------

/**
 * GO = {
 *  test: function (){...}
 *  b: 1
 * }
 * 
 * AO = {
 *  a : undefined -> 1
 * }
 */

function test() {
  var a = b = 1;
  console.log(a); // 1
}

test();

//--------------------------------------------------------

/**
 * GO = {
 *  b : undefined -> 3
 *  a : function a(a) {}
 * }
 * 
 * AO = {
 *  a : undefined -> 1 -> function a() {} -> 2
 *  b : undefined -> 5
 * }
 */
var b = 3;
console.log(a); // function a(a) {}
function a(a) {
  console.log(a); // function a() {}
  var a =2;
  console.log(a); // 2
  function a() {}
  var b = 5;
  console.log(b); // 5
}

a(1);

//--------------------------------------------------------

/**
 * GO = {
 *  a : undefined -> 1
 *  test : function test() {}
 * }
 * 
 * AO = {
 *  a : undefined - > 2 -> 3
 * }
 */
a = 1;
function test() {
  console.log(a); // undefined
  a = 2;
  console.log(a); // 2
  var a = 3;
  console.log(a); // 3
}

test();
var a;

//-------------------------------------------------------------

/**
 * GO = {
 *  a : undefined -> 1
 *  test : function test() {}
 *  c : 3
 * }
 * 
 * AO = {
 *  b : undefined
 * }
 */
function test() {
  console.log(b); // undefined
  if (a) {
    var b = 2;
  }

  c = 3;
  console.log(c); // 3
}

var a;
test();
a = 1;
console.log(a); // 1

// 值得注意的是，在GO中c是没有声明的，所以没有变量提升，
// 在if语句中，预编译也不会看是否有a或者成立，
// 它只会看有没有声明变量

四、暗示全局变量

暗示全局变量 imply globlal variable

在函数内部没有声明的变量是全局变量，它会挂上window的属性

var a = 1;
    b = 2;

console.log(window.a); // 1
console.log(window.b); // 2

//---------------------------------------
function test() {
  var a = b = 1;
}

test();
// 访问对象中不存在的属性，会返回undefined
console.log(window.a); // undefined
console.log(window.b); // 1

五、面试题

// Number(false) -> 0 
var a = false + 1;
console.log(a); // 1

//这道题考察隐式类型转化

//----------------------------------

// Number(false) -> 0
var b = false == 1;
console.log(b); // false

//隐式类型

//------------------------------------

/**
 * typeof(a) -> 'undefined'
 * (-true) -> Number(-true) -> -1
 * (+undefined) -> Number(+undefined) -> NaN
 * -1 + NaN + '' -> 'NaN'
 * 'undefined' && 'NaN' -> 'NaN'
 * Boolean('NaN') -> true
 */
if (typeof(a) && (-true) + (+undefined) + '') {
  console.log('通过了'); // 执行
} else {
  console.log('没通过');
}

/* 值得注意的是typeof（）类型判断的返回值是字符串，
 * 对于未声明的变量，比如a，typeof（a）会打印字符串类型的undefind，而console.log(a)会报错
 * 
 */
//-----------------------------------------------------------------

/**
 * 5 * '3' -> 5 * Number('3') -> 15
 * 1 + 15 === 16 -> true
 */
if (1 + 5 * '3' === 16) {
  console.log('通过了'); // 执行
} else {
  console.log('未通过');
}

//----------------------------------------------------------------

/**
 * Boolean(' ') -> true
 * Boolean(') -> false
 * Boolean(false) -> false
 * true + false - false || '通过了'
 * Number(true) + Number(false) - Number(false) || '通过了'
 * 1 + 0 - 0 || '通过了'
 * 1 || '通过了'
 * 1
 */
console.log(!!' ' + !!'' - !!false || '通过了'); // 1

六、作业

/**
 * AO = {
 *  a : undefined -> function a() {}
 * }
 */
function test() {
  // 遇到return直接返回
  return a;
  a = 1;
  function a() {}
  var a = 2;
}

console.log(test()); // function a() {}

//--------------------------------------------

/**
 * AO = {
 *  a : undefined -> function a() {} -> 1 -> 2
 * }
 */
function test() {
  a = 1;
  function a() {}
  var a = 2;
  return a;
}

console.log(test()); // 2

//------------------------------------------------

/**
 * GO = {
 *  a : undefined -> 1
 *  test: function test(e) {}
 *  f : 5
 * }
 * 
 * AO = {
 *  e : undefined -> 1 -> function e() {} -> 2
 *  b : undefined
 *  c : undefined
 *  a : undefined -> 4
 * }
 */
a = 1;
function test(e) {
  function e() {}
  arguments[0] = 2;
  console.log(e); // 2
  // 此时变量a的值为undefined，不执行if语句内容
  if (a) {
    var b = 3;
  }
  var c;
  a = 4;
  var a;
  console.log(b); // undefined
  // 暗示全局变量
  f = 5;
  console.log(c); // undefined
  console.log(a); // 4
}

var a;
test(1);
console.log(a); // 1
console.log(f); // 5
//argument[]是可以改变实参的值的

(三)编程基础知识
jylee的博客
08-02 938
正确回答通过率：69.0%[ 详情 ] 推荐指数： ★★★★ 试题难度： 中级事务是并发控制单位，用户定义的一个操作序列。这些操作要么都做，要么都不做，是不可分割的的工作单位。通过事务，sql server能将逻辑相关的一组操作绑定在一起，以便服务器保持数据的完整性，主要用于一些对操作过程的完整性比较高的程序。（事务的特性：原子性、一致性、隔离性、持久性）。事务提交：是提交事务的所有操作：具体来说就是将所有对数据库的更新写回到磁盘上的物理数据库中，事务正常结束。
学习笔记（9):学透JavaScript-预编译与暗示全局变量
dw_javaman的博客
09-26 263
JavaScript是前端程序员的必修课，也是目前流行的各前端框架的基础知识。本课程将全面剖析JavaScript的运行机制，掌握最核心的语法和编程思维、使用丰富的实例来帮助学员的理解JavaScript、jQurey和AJAX技术。介绍笔试，面试环节中关于JS的常见问题，为将来的工作打下坚实基础。主讲老师有着丰富的前端开发经验和教学经验，在教学过程中不仅注重前端实践的动手能力，同时也注重培养同学...
浅析JavaScript预编译和暗示全局变量
11-19
1. 暗示全局变量 未声明的变量称为暗示全局变量。 var a = 1; //函数体外声明的变量称为全局变量 b = 2; // 无论函数体外或函数体内未声明的变量都称为暗示全局变量 function fn() { var c = 3; //函数体内声明的变量称为局部变量 d = 4; // 暗示全局变量 } fn(); // 若不执行函数，则不会进行函数预编译，d 就不会提升为全局变量 console.log(c); // error: c is not defined console.log(d); // 4 2. JavaScript执行过程 1. 语法分析，若存在低级语法错误，
JS中的函数
最新发布
qq_34754747的博客
03-05 1296
JavaScript函数有一个特别的地方，无论在函数定义中声明了多少形参，都可以传入任意数量的参数，也可以在定义函数时添加针对参数数量的处理逻辑，当已定义的形参无对应的传入参数时，为其指定一个默认值。在函数的命名参数前添加三个点（...）就表明这是一个不定参数，该参数为一个数组，包含着自它之后传入的所有参数，通过这个数组名即可逐一访问里面的参数。在ES5中，下面的代码会抛出语法错误；JS的函数语法规定，无论函数已定义的命名参数有多少，都不限制调用时传入的实际参数数量，调用时总是可以传入任意数量的参数。
JavaScript预编译与暗示全局变量在函数中的使用
weixin_39218464的博客
10-04 227
1、理解什么是暗示全局变量（在函数中未var声明的为暗示全局变量） 2、预编译与函数使用 <script> //暗示全局变量,预编译 //暗示全局变量，如果函数中定义的变量，没有使用var关键字，则这个变量暗示为全局变量 //在传统js中只有全局变量和函数域变量 // function f(){ // var a = 1;//a为函数域中的变量，这个变量只能在函数中使用 // b = 2; //b暗示为了全局变量 // } // f(); // //console.log(a)
java预编译和js预编译_浅析JavaScript预编译和暗示全局变量
weixin_34537864的博客
02-28 246
1. 暗示全局变量未声明的变量称为暗示全局变量。var a = 1; //函数体外声明的变量称为全局变量b = 2; // 无论函数体外或函数体内未声明的变量都称为暗示全局变量function fn() {var c = 3; //函数体内声明的变量称为局部变量d = 4; // 暗示全局变量}fn(); // 若不执行函数，则不会进行函数预编译，d 就不会提升为全局变量console.log(c...
PHP开发者的JavaScript快速教程（phper简明js教程）
云客的技术博客【云游天下 做客四方】
05-16 1640
本文提供word格式文档，下载链接: https://pan.baidu.com/s/1CcM2Dl4_rG0qe0omxPG8zQ 提取码: 9isx 前言： 每一位PHP开发者或多或少的都掌握一些JavaScript知识，本文写在《云客Drupal8源码分析》前端相关章节发布前，意在帮助沉浸在后端世界的phper快速进入前端js世界（推荐phper关注学习Drupal，那是php世界的珠峰...
前端面试题--vue
weixin_44501366的博客
10-17 5332
每个组件都是 Vue 的实例。组件共享 data 属性，当 data 的值是同一个引用类型的值时，改变其中一 个会影响其他.Less的简单使用（一）——变量的用法Less是css的扩展，Less不仅与CSS向后兼容，而且它添加的其他功能都使用现有的CSS语法。变量一、变量正常用法（variables）在一个位置控制常用值.less文件中} **
前端 基础面试问题汇总
技术改变世界
04-24 1416
1&gt;、html5有哪些新标签？ &lt;article&gt; 标签定义外部的内容（外部内容如blog,news）。 &lt;aside&gt; 标签定义article以外的内容（可用做文章的侧栏）。 &lt;canvas&gt;使用JavaScript在网页上绘制图形图像。 &lt;details&gt; 用于描述某个文档部分的内容。 &lt;sum...
前端面试题记录
m0_50290552的博客
09-24 1488
面试题记录
js设置function参数默认值(适合没有传参情况)
10-26
div+css模拟js信息框的类库时遇到一个问题当没有传递参数过去时自动使用提示信息作为窗口标题，具体的实现如下
浅谈js中function的参数默认值
10-20
下面小编就为大家带来一篇浅谈js中function的参数默认值。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
JS-函数形参默认值
堇年
09-18 1372
逻辑或 在ES6之前可以通过逻辑运算符来给形参指定默认值 格式: 条件A || 条件B 如果条件A成立, 那么就返回条件A 如果条件A不成立, 无论条件B是否成立, 都会返回条件B function getSum(a, b) { a = a || '1'; b = b || '2'; console.log(a, b); } getSum(); // 1 2 g...
js怎么做默认函数形参_js中对函数的参数设置默认值的3种方法
weixin_33476149的博客
02-17 1866
在写javascript脚本时，我们有时候需要写默认参数值时，这时候如何给方法中的参数设置默认值呢？第一种方法function example(name,age){name=name||'貂蝉';age=age||21;alert('你好！我是'+name+'，今年'+age+'岁。');}//还可以这样写function example(name,age){if(!name){name='貂蝉'...
JS函数预编译及函数作用域
苛性钠的博客
08-10 255
JS函数预编译及函数作用域 js代码的历程：1. 语法分析（检查所有代码是否存在语法错误，若有直接报错，不执行） 2. 预编译（发生在代码执行的前一刻） 3. 解释执行（解释一句执行一句） 函数预编译 创建执行期上下文[Activation Object/ 作用域对象]（AO{}） 找形参和变量声明，将形参和变量作为AO对象属性名（变量声明提前） 将形参和实参统一 函数声明提前，赋值函数体 注意事项：变量/函数声明作为AO对象的属性名的时候，如果遇到同名会覆盖 案例： 函数作用域 fun
javascript学习笔记(6) 函数递归/作用域/预编译
snow
03-10 335
1.简单的递归案例 2.作用域/预编译 互相嵌套的函数,外层函数不能访问里层函数的变量,里层函数可以访问外层函数的变量,即越往里层,权限越高; 全局变量(imply global),window就是全局的域 未经声明就赋值,此变量为全局对象所有;一切全局变量.都是window属性 a = 10; --> window.a = 10; var a = 123; co...
js函数参数默认值
郝啊的博客
07-10 7019
js函数参数默认值 接着上文js短路原则说道，我们来说js函数参数默认值的几种方式。 js短路原则超链接：https://haosy.blog.youkuaiyun.com/article/details/107233160 这里稍微回忆一下： function haosy(name,age){ name=name||'小郝'; age=age||21; alert('读者你好，我是作者'+name+',芳龄'+age+'岁。'); } 调用： 情况一： haosy('王八蛋',20) 输出
js怎么做默认函数形参_了解JavaScript函数中的默认参数
weixin_30479445的博客
01-13 508
前言JavaScript函数可以有默认参数值。通过默认函数参数，你可以初始化带有默认值的正式参数。如果不初始化具有某些值的参数，则该参数的默认值为undefined。请看下列代码：function foo(num1){console.log(num1);}foo();在调用函数foo时，你没有传递任何参数，因此变量num1的默认值设置为undefined。但是，有时你可能需要设置默认值而非unde...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值