JavaScript 学习心得2（参考RUNOOB学习）

Camile8

已于 2022-02-10 16:49:30 修改

阅读量183

点赞数

分类专栏： learning everything 文章标签： javascript 前端开发语言

于 2022-02-09 18:00:09 首次发布

本文链接：https://blog.csdn.net/lipeitong333/article/details/122838862

版权

learning everything 专栏收录该内容

26 篇文章 2 订阅

订阅专栏

本文探讨了JavaScript中的变量作用域，包括局部变量和全局变量的生命周期。讲解了如何调用带参数的函数，以及JavaScript中的特殊字符、自增自减操作。还介绍了在页面定位中的使用，如锚点和`javascript:void(0)`的作用，以及Ajax异步处理的基础知识。同时，提到了arguments对象在函数参数处理中的应用。

摘要由CSDN通过智能技术生成

1、对象

fullName() 是作为 person 对象的一个方法， fullName 是作为一个属性。

如果使用 fullName 属性，不添加 (), 它会返回函数的定义：

2、调用带参数的函数

3、JavaScript 变量的生存期

局部 JavaScript 变量

在 JavaScript 函数内部声明的变量（使用 var）是局部变量

局部变量会在函数运行以后被删除。

//此处可使用 window.carName
 //在函数内用外部的变量就用window.变量名
function myFunction() {
    carName = "Volvo";
}

全局 JavaScript 变量

在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它

全局变量会在页面关闭后被删除。

4、JavaScript中的特殊字符

5、javascript的自增自减

我们假设y=5

6、in循环

7、字符串与js 的转换

8、javascript:void(0) 含义

9、页面的位置跳转

# 包含了一个位置信息，默认的锚是#top 也就是网页的上端。

而javascript:void(0), 仅仅表示一个死链接。

在页面很长的时候会使用 # 来定位页面的具体位置，格式为：# + id。

如果你要定义一个死链接请使用 javascript:void(0) 。

<a href="javascript:void(0);">点我没有反应的!</a>
<a href="#pos">点我定位到指定位置!</a>
<br>
...
<br>
<p id="pos">尾部定位点</p>

10、Ajxa 异步

<p>回调函数等待 3 秒后执行。</p>
<p id="demo1"></p>
<p id="demo2"></p>
<script>
setTimeout(function () {
    document.getElementById("demo1").innerHTML="RUNOOB-1!";
}, 3000);
document.getElementById("demo2").innerHTML="RUNOOB-2!";
</script>

既然 setTimeout 会在子线程中等待 3 秒，在 setTimeout 函数执行之后主线程并没有停止

11、arguments 对象

JavaScript 函数有个内置的对象 arguments 对象。

argument 对象包含了函数调用的参数数组。

通过这种方式你可以很方便的找到最大的一个参数的值：

x = findMax(1, 123, 500, 115, 44, 88);
 
function findMax() {
    var i, max = arguments[0];
    
    if(arguments.length < 2) return max;
 
    for (i = 0; i < arguments.length; i++) {
        if (arguments[i] > max) {
            max = arguments[i];
        }
    }
    return max;
}