您的位置: 首页  >  IT文章  >  JavaScript学习（一）——基础知识查漏补缺

JavaScript学习（一）——基础知识查漏补缺

分类: IT文章 • 2025-01-16 12:41:55

标签script

我们知道，html要使用js就要使用<script>标签。 
两种方式： 
一是直接在<script>这里</script>写入代码。 
二是在别的文件写好js代码,然后script标签的src属性引入进来。

 

script其实有6个属性（全都是可选）：

  1. src:包含要执行代码的外部文件；
  2. language:现在已废弃；
  3. type:表示编写代码使用的脚本语言的内容类型；
  4. charset:指定src引入代码的字符集；
  5. async:表示应该立即下载脚本；

  6. defer:表示脚本可以延迟到文档完全被解析和显示后再执行。

    type的解释也说明了一个问题，<script></script>中间的代码不必需是js代码。如果不声明，则默认为text/javascript，此时代码按照js的规则解析。如果声明了其他的不可识别的类型，则它和其中的内容会被忽略掉。 
    例如： 
    <script type='text/html' > 
    有些模板引擎就利用了它来实现DOM节点的模板填充。

 中间不要在任何地方出现'</script>'字符串

 

关键字，保留字

以前只记住了几个关键字，现在还注意到了保留字，保留字就是在js当中其实没啥用的但是就是不给用来当做命名的单词，多为Java语言的关键字。

 

数据类型

typeof操作符，可以判断某值的数据类型。我们都知道，一共六种。 
1、undefined 
2、boolean 
3、string 
4、number 
5、function 
6、object

 

undefined与null

 
console.log(typeof null)--object

 
（2） 作为对象原型链的终点。

Object.getPrototypeOf(Object.prototype)
// null

 
（4）函数没有返回值时，默认返回undefined。

var i;
i // undefined

function f(x){console.log(x)}
f() // undefined

var  o = new Object();
o.p // undefined

var x = f();
x // undefined
 

number

转换数值的三个方法：

Number(),parseInt(),pasreFloat()

整数还可以通过二进制，八进制，十六进制来表示。 
其中，八进制字面值的第一位必须是0 
十六进制字面值的前两位必须是0x

注意：程序在计算的时候0开头的数字会被解析为八进制，0x开头的数字会被解析为十六进制。最终结果为十进制。因此，我们做计算的时候最好不要用带0开头的数字进行计算，避免让别人看迷糊。

 

等号

 

 
三个等号：判断全等

 

 
在echarts.js源码中看到了一句：

var ecModel = this._model = new GlobalModel(null, null, theme$$1, optionManager);

其中连续赋值了两次，后来查阅资料，发现执行过程是这样的：

1、var ecModel =new GlobalModel(null, null, theme$$1, optionManager);
2、this._model = new GlobalModel(null, null, theme$$1, optionManager);

连续多个赋值操作，可从左到右拆分成每个变量直接等于最后的值，而不会执行像var ecModel = this._model这样的语句。

其实不推荐这样写，这种写法能避开就避开呗。

二、关于 ==

== 和 ！= 会先转换再比较

 
6、NaN==NaN false

 

label 语句

label语句可以在代码中添加标签，以便将来使用。一般与循环语句的break和continue配合使用。
举个例子：
我有一个嵌套循环，当满足条件的时候执行语句并跳出外层循环。
var num=0;
firstfor:
for(var i=0;i<10;i++){
    secondfor:
    for(var j=0;j<10;j++){
        if(i==5 && j==5){
          break firstfor;//跳出第一个for循环
        }
        num++;
    }
}
alert(num); //num=55
 

重载

 

js没有重载！

重载只在java里只说过，js没听说过。

然而百度到的全都是js实现重载的方法。

我的疑问（等待回答）：

既然js都不支持重载了，为什么还要特意去模仿实现重载呢？

相关推荐