200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > JavaScript入门第一天 js教程 js变量 数据类型 数据转换 隐式转换

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

时间:2020-12-07 19:43:04

相关推荐

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

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

java学习笔记

一、js有三种方式来使用

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

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

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

演示:

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

内联式写法:

写在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 高级程序设计 (第四版)

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

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

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

加油 !!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。