js精讲笔记第一天——初识js

2022-07-31 14:32:51 阅读：173 来源： 互联网

标签：console log boolean 精讲 Javascript js 初识 typeof var

一：课程简单介绍

（1）Javascript历史回顾

Javascript是1995年由网景公司开发的一门原名为livescript的脚本语言，后sun公司与网景公司联合开发这门脚本语言，由于当时java语言的热烈炒作，网景公司决定蹭一波热度，自此网景公司将LiveScript正式更名为JavaScript，由此可见，Javascript与java之间除了名字外并没有其他本质上的联系，就相当于刘德华与刘德之间的关系。

（2）Javascript的实现

Javascript是由ECMAscript，DOM，BOM所构成，其中ECMAscript主要规定了最基本的语法以及相关对象，DDOM（文档对象模型）主要描述处理网页内容的方法和接口。BOM（浏览器对象模型）描述与浏览器进行交互的方法和接口。

（3）Javascript的概述

第一：Javascript是一门轻量级语言，轻量级语言是一类用简单句法描述简单格式的文本语言。轻量级标记语言作为一种标记语言，它的语法简单，可方便地使用简单的文本编辑器输入，原生格式接近自然语言。像我们以前学习过的html也是一门轻量级语言

第二：Javascript是一门单线程语言，说白了就是一条线走到底的一门语言

第三：Javascript是一门弱（类型）语言，意思就是Javascript没有严格的数据类型要求。

第四：Javascript是一门脚本语言，脚本语言又被称为扩建的语言, 或者动态语言, 是一种编程语言, 用来控制软件应用程序，同时在有浏览器的地方就能够解析Javascript，这主要是浏览器中V8引擎的功劳。

二：Javascript的三种书写位置

（1）行内式——写在标签内部（最不推荐）

　　行内式是指将单行或少量的JavaScript代码写在HTML标签的事件属性中(也就是以on开头的属性，如onclick)

<button onclick="alert('点我干嘛')">标签内部</button>

（2）嵌入式——写在<script></script>标签中（也会常用）

<script>
    //获取按钮这个标签
    var btn = document.getElementsByTagName("button")[0];
    //给标签绑定点击事件
    btn.onclick = function fn() {
        alert("点我干嘛")
    }
</script>

（3）外部式——写在外部js文件中（最常使用）

<!-- 第一步：创建一个js文件
第二步：引入这个js文件 -->
<script src="./01.js"></script>

三：变量名及相关注释

（1）变量定义（var 变量名=值）

var a=10;
var b=10 
var c=10,d=10;

（2）变量名规则

　　①变量名由数字，字母，下划线以及美元符号组成

　　②变量名不能以数字开头

　　③变量名命名时一般采用驼峰命名法（第一个单词首字母小写，其他单词首字母大写）

　　④变量名不能使用关键字和保留字

　　⑤变量名区分大小写

　　⑥常量字母全大写

（3）js注释方法

　　① ctrl+/(单行注释)

// 单行注释

　　② shift+alt+A（多行注释）

/* 
多行注释
*/

四：数据类型

一：基本数据类型

　　①数值类型——number——打印颜色：蓝色

　　②字符串类型——string——打印颜色：黑色

　　③布尔类型——boolean

　　④undefined类型

二：引用数据类型（object）

　　①null（空对象）

五：类型查看及转换

（1）类型查看

　　使用typeof来查看元素类型

console.log(typeof a);//number
//null——object
//数值类型——number
//字符串类型——string
//undefined——undefined
//布尔——booloean

（2）类型转换

　　①数值转字符（string和tostring）

//数值转字符串(string)
var a = 10;
b = String(a);
console.log(typeof b);//转换成功返回string
c = a.toString() //方法要记得加括号
console.log(typeof c);//转换成功返回string

　　②字符转数值

　　Number方法

   // 字符串转数值
   var str = "abc"
   str1 = Number(str);
   console.log(typeof str1 + str1);//转换成功 返回元素类型为number 但str1的值为NAN 是因为字母转换数字不成功 而Number方法一次性全部转换 只要字符串中有一个不能转换则会变成NAN

　　parseint方法

 // 字符串转数值（parseint）
 var str2 = "12.4a3"
 str3 = parseInt(str2)
 console.log(typeof str3 + str3);//转换成功 返回元素类型为number str3的值为12 因为这个方法是一位一位进行转换 碰到不能转换的时候才会停止（小数点或字母）

　　parseFloat方法

// 字符串转数值（parseFloat）
        var str4 = "12.34a3"
        str5 = parseFloat(str4)
        console.log(typeof str5 + str5);//转换成功 返回元素类型为number str3的值为12.34

　　③字符串转布尔（非空返回值为ture 否则为ture）

// 字符串转布尔
        var str = "abc"
        boolean = Boolean(str)
        console.log(typeof boolean + boolean);//转换成功 返回元素类型为boolean boolean的值为ture
        var str6 = ""
        boolean2 = Boolean(str6)
        console.log(typeof boolean2 + boolean2);//转换成功 返回元素类型为boolean boolean的值为false

　　④数值转布尔（非空和非nan转为ture 空和nan转为false）

//数值转布尔
        var num = 10;
        boolean3 = Boolean(num)
        console.log(typeof boolean3 + boolean3);//转换成功 返回元素类型为boolean boolean的值为ture
        var num1 = 0;
        boolean4 = Boolean(num1)
        console.log(typeof boolean4 + boolean4);//转换成功 返回元素类型为boolean boolean的值为false
        var num2 = Number("abc");//NAN
        boolean5 = Boolean(num2)
        console.log(typeof boolean5 + boolean5);//转换成功 返回元素类型为boolean boolean的值为false

　　⑤布尔转数值（ture转为1 false转为0）

// 布尔转数值
        var num3 = Number(2 > 1);
        console.log(typeof num3 + num3);//转换成功 返回元素类型为number num3的值为1
        var num4 = Number(2 < 1);
        console.log(typeof num4 + num4);//转换成功 返回元素类型为number num3的值为0

　　⑥undefined，null转布尔（false）

 var s
        boolean6 = Boolean(s);
        console.log(typeof boolean6 + boolean6)//转换成功 返回元素类型为boolean boolean的值为false
        boolean7 = Boolean(t);
        console.log(typeof boolean7 + boolean7)//转换成功 返回元素类型为boolean boolean的值为false 程序报错

　　⑦undefined，null转数值（nan 和0）

 var s
        var t = ""
        num5 = Number(s)
        console.log(typeof num5 + num5);//转换成功 返回元素类型为number num5的值为NAN
        var num6 = Number(t);
        console.log(typeof num4 + num4);//转换成功 返回元素类型为number num6的值为0

六：运算符和表达式

（1）算术运算符（+ - x / % ++ --）

（2）逻辑运算符（&& ||！）

（3）比较运算符(> < != !==)

（4）赋值运算符(= += -= *= /= %=)

标签：console,log,boolean,精讲,Javascript,js,初识,typeof,var
来源： https://www.cnblogs.com/xtqdkf/p/16537057.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9