今天在整理笔记，这是我重新整理的JavaScript的笔记。我觉得学什么东西，就应该认真去学，努力去学！

java学习笔记

一、js有三种方式来使用

 1. 首先第一种：写在标签里面

 2. 其次第二种：写在页面script标签里面

 3. 最后第三种：写在单独的一个***.js文件里

演示：

 标签里的js：+ 需要事件去驱动;+ &lt;a href="javascript:alert('hello world')"&gt;点击&lt;/a&gt;+ 写在行内会通过点击激活操作执行

```
 内联式写法：
```

写在script双标签内，一般写在body里，head之适合引入，在head内不适合写js代码;

代码写在了script标签里面会立即执行

```
 外链式写法
```

在外部创建一个独立的***.js文件；

```
用script双标签进行引入
```

用外链式引入和内嵌式不能混用，否则会优先执行外链的

```
引入的代码也是立即执行
```

变量

定义

```
 存放数据的容器
```

命名规则

```
 首字母只能是$, _, 字母
```

 由数字，字母，下划线以及$符号来命名

```
 + 不能由字母开头*
```
```
 + 最好就是见名知意
```

语法规则

 关键字 ： 代表特殊含义的运算

```
 var 变量
```
```
 + 通常叫做声明
```

 + 关键字不需要运算，因为其本身就是运算规则

```
 + var $a1;
```
```
 + var _a1;
```
```
 + var a_1;
```
```
 + str = "Hello World";
```

赋值

```
 利用赋值符号来给变量赋值
```
```
 var a1 = 5;
```
```
 var a2 = "nihao"
```

数据类型

```
 物种简单数据类型：
```
```
 + 1.字符串       string;
```
```
 + 2.数字         number;
```
```
 + 3.布尔值       boolean;
```
```
 + 4.undefined   undefined;
```
```
 + 5.null        null
```

 关键字 typeof 能查看数据属于什么类型

```
 + typeof：
```
```
 + var bool = false;
```

 + var str = "Hello World"; // expected output:

 + var res1 = typeof(bool); // expected output: Boolean

 + var res2 = typeof str;   // expected output: String

数据类型的转换

为什么要数据类型转换

 JavaScript 的变量之中可以存储任意类型的数据;

 其他类型转换位数字的规则：

```
 + 通用转换方式：
```
```
     + 通用转换方式：
```

  + API: Number(被转换的数据类型);

  + JavaScript 所有的API都需要区分大小写

```
 + 1.纯数字字符串：
```
```
  + var str1 = "123456";
```

  + var num1 = Number(str1); console.log(str1, num1); //expected output : "123456" 123456

```
 + 2.数字字母混淆的字符串
```
```
  + var str2 = "123abc123";
```

  + var num2 = Number(str2); console.log(str2, num2); //expected output : "123abc123" NaN

```
 + 3.NaN的特征：
```
```
  + 1).NaN 转化为boolean ==> flase;
```

  + 2).NaN 不等于任何数值包括NaN;

  + 3).NaN 判断需要特殊的API ： isNaN;

```
 + parseInt() / parseFloat()转换
```

  + parse 的转换不是整体进行字符串的类型转化，而是逐个字符的进行类型抓换

  + 如果字符串的开头字符是非数字，返回结果为NaN

  + 若是数字开头，转换到字母就不认识了返回数字

```
 + parseInt 的高级用法 :
```

  + 进制转换  parseInt("不同进制的数值", 当前字符之中的数值为多少进制 | Number);

  + var num3 = parseInt("0x68FA", 16); console.log(num3); // expected output: 26874

```
 + 布尔转数字
```
```
  + false => 0;
```
```
  + true  => 1;
```
```
 + undefined 转数字
```
```
  + NaN
```

 + 基本类型转换的应用 => 数字常用计算 :

```
 + 特殊： +
```

  + 俩个含义： 一个是数字相加，

```
  +           一个是连接
```
```
  + var str3 = "10";
```
```
  + var str4 = "11";
```

  + var str5 = str3 + str4; console.log(str5); // expected output : 1011

```
  + var str6 = 10;
```
```
  + var str7 = "20";
```

  + var str8 = str6 + str7; console.log(str8); // expected output : 1020

```
 + 结论：
```

  + 1.先判断 + 运算， 左右两侧数值不一致

```
   + 数字 + 字符串
```
```
   + 优先把数字转换为字符串
```
```
   + 100  ==>  "100"
```
```
   + 进行同类运算
```

   + 如果运算符俩侧没有字符串，优先转换为数字类型进行计算

```
   + var bool2 = true;
```
```
   + var num3 = 20;
```

   + var num4 = bool2 + num3; console.log(num4); // expected output : 21;

   + * / - % 都是优先转换为数字才运算

```
   + var str9 = "5";
```
```
   + var str10 = "10";
```

   + console.log(str9  - str10); // expected output : -5

   + console.log(str9  * str10); // expected output : 50

   + console.log(str9  / str10); // expected output : 0.5

   + console.log(str9  % str10); // expected output : 5

   + NaN 和任何数字计算结果都是 NaN

```
   + var str11 = "5hello";
```
```
   + var str12 = "10";
```

   + var str13 = str11 * str12; console.log(str13) // excepted output : NaN

```
 + string 字符串
```
```
  + String() 转换
```
```
   + 1. 全部转换为字符串
```
```
  + toString() 转换
```
```
   + 1.变量.toString()取出
```

   + 2. js中 undefined 和null不允许去除运算，否则会

```
   + 3. 隐式数据类型转换
```
```
    + var bool4 = true;
```

    + var str15 = boo3 + ""; console.log(str15); // expcepted output: true

```
   + 4. toString()进制转换
```
```
    + var num15 = 99;
```

    + var num16 = num15.toString(16); console.log(num16); // excepted output : 63

    + toString 转换进制的范围在 2 ~ 36 进制; 如果不在这个范围之内会报出 RangError ;

```
   + 5.false ：
```

    + 除了 0 和 NaN 会转换为False 其他的值都转换为true;

最后推荐学习前端一本书：

- javascript 高级程序设计  (第四版)

大家想和我一起学前端，可以关注我，我每天都会记录我学习的心得。

虽然我确实不喜欢前端，但是为了工作，我还是选择了前端，这就是我老家长辈常说的一句话，你以后干的工作可能是你不喜欢的工作。

大家都是以后为了生活，所以，加油吧，学习的人，加油吧，正在工作的人，希望通过努力，你变得优秀，我也能变得更加优秀。

加油！！

JavaScript入门第一天，js教程，js变量，数据类型，数据转换，隐式转换相关推荐

js拼接字符串时数据类型的隐式转换
数据类型的隐式转换:字符串类型string>数值类型number>布尔类型boolean数字+字符串:数字需要转成字符串数字+布尔值:布尔值需要转成数字(true转成1,false转成0 ...
javascript深入浅出——学习笔记(六种数据类型和隐式转换)
在慕课之前学过JS深入浅出,最近发现很多东西都记不太清楚了,再复习一遍好了,感觉这个课程真的超级棒的,做做笔记,再添加一些学习内容?随时补充课程大纲 1.数据类型 2.表达式和运算符 3.语句 4. ...
javascript笔记整理（数据类型强制/隐式转换）
A.数据类型强制转换 1.转换为数值类型 Number(参数) 把任何的类型转换为数值类型 A.如果是布尔值,false为0,true为1 var a=false;alert(Number(a)); ...
从 ++[[]][+[]]+[+[]]==10? 深入浅出弱类型 JS 的隐式转换
起因凡是都有一个来源和起因,这个题不是我哪篇文章看到的,也不是我瞎几把乱造出来的,我也没这个天赋和能力,是我同事之前丢到群里,叫我们在浏览器输出一下,对结果出乎意料,本着实事求是的精神,探寻事物的本 ...
JavaScript的隐式转换
JavaScript的隐式转换一. JavaScript 数据类型二. JavaScript 隐式转换 1. 隐式转换规则 2. + 运算符 3. == 运算符 4. >运算符 5. 复杂数 ...
从一道面试题说起—js隐式转换踩坑合集
前方提醒: 篇幅较长,点个赞或者收藏一下,可以在下一次阅读时方便查找提到js的隐式转换,很多人第一反应都是:坑. 的确,对于不熟悉的人来说,js隐式转换存在着很多的让人无法预测的地方,相信很多人都深 ...
js date转成时间字符串_秋招快要开始了，前端笔试中的坑位-JS隐式转换问题
我们在写笔试题的时候,经常碰到涉及隐式转换的题目,例如 "1" + 2 obj + 1 [] == ![] [null] == false === 和 == === 叫做严格运算符 ...
JS的类型转换，强制转换和隐式转换
JS的类型转换 1.强制转换通过String(),Number(),Boolean()函数强制转换 var str=123;var str1='123';console.log(typeof str ...
一文看懂JS里隐式转换、toString() 和 valueOf()
js-看懂隐式转换toString 和 valueOf js隐式类型转换数值类型和布尔类型的相加字符串和数字相加隐式类型转换隐藏一些错误 isNaN() 对象的隐式转换强制类型转换 - &qu ...
JS的隐式转换从 [] ==false 说起
前言最近和大创扯淡时说到了[] == false,从结果上来看我俩都答错了,从气势上来说我俩的歪理都能出书了(恩,程序猿的骄傲),但是这其实背后隐藏了一潭很深的水,对,很深... 隐式类型转换 JS ...

JavaScript入门第一天，js教程，js变量，数据类型，数据转换，隐式转换

今天在整理笔记，这是我重新整理的JavaScript的笔记。我觉得学什么东西，就应该认真去学，努力去学！

java学习笔记

一、js有三种方式来使用

演示：

变量

定义

命名规则

语法规则

赋值

数据类型

数据类型的转换

为什么要数据类型转换

最后推荐学习前端一本书：

大家想和我一起学前端，可以关注我，我每天都会记录我学习的心得。

虽然我确实不喜欢前端，但是为了工作，我还是选择了前端，这就是我老家长辈常说的一句话，你以后干的工作可能是你不喜欢的工作。

大家都是以后为了生活，所以，加油吧，学习的人，加油吧，正在工作的人，希望通过努力，你变得优秀，我也能变得更加优秀。

加油！！

JavaScript入门第一天，js教程，js变量，数据类型，数据转换，隐式转换相关推荐

最新文章

热门文章

JavaScript入门第一天，js教程，js变量， 数据类型，数据转换，隐式转换

今天在整理笔记，这是我重新整理的JavaScript的笔记。我觉得学什么东西，就应该认真去学，努力去学！

java学习笔记

一、js有三种方式来使用

演示：

变量

定义

命名规则

语法规则

赋值

数据类型

数据类型的转换

为什么要数据类型转换

最后推荐学习前端一本书：

大家想和我一起学前端，可以关注我，我每天都会记录我学习的心得。

虽然我确实不喜欢前端，但是为了工作，我还是选择了前端，这就是我老家长辈常说的一句话，你以后干的工作可能是你不喜欢的工作。

大家都是以后为了生活，所以，加油吧，学习的人， 加油吧，正在工作的人，希望通过努力，你变得优秀，我也能变得更加优秀。

加油 ！！

JavaScript入门第一天，js教程，js变量， 数据类型，数据转换，隐式转换相关推荐

最新文章

热门文章

JavaScript入门第一天，js教程，js变量，数据类型，数据转换，隐式转换

大家都是以后为了生活，所以，加油吧，学习的人，加油吧，正在工作的人，希望通过努力，你变得优秀，我也能变得更加优秀。

加油！！

JavaScript入门第一天，js教程，js变量，数据类型，数据转换，隐式转换相关推荐