Javascript精讲笔记第一天


初识Javascript

Javascript历史回顾

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

Javascript的实现

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

Javascript的概述

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

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

    第三:Javascript是一门弱(类型)语言,意思就是Javascript没有严格的数据类型要求。

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


Javascript的入门

Javascript的书写方式

1.书写在<script></script>标签内部 (<script>标签书写位置没有严格规定,但建议书写在<body>标签后面)

<script> console.log('hello world') </script>

2.书写在外部文件中

第一步:创建xxx.js文件

第二步:通过<script>标签引入.js文件

<script src="./XXX.js"></script>j

3.书写在对应的事件属性里面

<a href="#" onclick="alert('hello world')"></a>

总结:其中最推荐使用的是第二种方式,其次是第一种也经常会被用到,第三种则不常使用

变量的定义

  变量的定义:所谓变量,就是特定时间用于保存特定值的一个名字而已,并且初始化后可以再次改变的量

  变量的声明定义:使用 var 操作符(var是关键字),后面跟一个变量名(变量名是标识符),声明多个变量的时候,可以在一行或者多行操作,只要把每个变量用逗号分隔开即可,但最好分行写,可读性佳。

  变量的命名规则:①只能是对应的字母或者数字或者下滑线,美元符号$等字符(不能以数字开头)②一般采用驼峰命名法(helloWorld 采用单词拼接第一个单词首字母小写 其他单词首字母大写)③不能使用关键词(占用之前的关键词的引用空间)④普通变量首字母小写 常量全大写(const)

注释

  注释的作用:解释代码,提高代码的可读性

  注释快捷键:单行注释(ctrl+/)多行注释(alt+shift+A)


 

Javascript的基本数据类型(值类型)

  数字类型:Number

  字符串类型:String

  布尔类型:Boolean

  未定义:undefined

  空类型:none(其中空类型是一个空对象,它的对象类型是引用数据类型object)

 trpeof运算符可以查看数据类型(typeof不是一种方法)

console.log(typeof number1);

 


数据类型转换

1.number类型转string类型

  ①to string()方法

var str1 = number1.toString()

  ②string()方法(不常用)

2.string类型转number类型

  ①Number()方法

  ②使用parseInt方法(转整型)

  ③使用parstFloat方法 (转小数)

总结:其中方法一和方法二三不同的一点在于,方法二三是从前往后转数据,知道转到不能转为止,而方法一则是一次性转换,所以当string类型的值为“123blue”时,方法一的结果会是NAN,而方法二三则是123,对于方法二三来说,如果第一位就无法转换也会出现NAN,如:blue124。

var str2 = "1a123.12a"
console.log(Number(str2)); 返回NAN
console.log(parseInt(str2)); 返回123
console.log(parseFloat(str2));返回123

3.string类型转boolean类型

  ①Boolean()方法(非空为ture 空为false)注意:空格不算为空

var str = "abc" 
//转为boolean类型 非空就是true 空字符串表示false 
var b = Boolean(str) //true 
var b1 = Boolean('') //false

4.number类型转boolean类型

  ①Boolean()方法(非0则为true NaN和0就是false)

var number1 = 10
//number转布尔 非0和非NaN则为true NaN和0就是false console.log(Boolean(number1))//true
console.log(Boolean(0))//false 
console.log(Boolean(NaN))//false

5.undefined类型和null类型转number类型

  ①number()方法(未定义类型返回NAN 空类型返回0)

var un 
console.log(Number(un)) //NaN 
console.log(Number(null)) //0

6.undefined类型和null类型转boolean类型

  ①Boolean()方法(都返回false)

var un 
console.log(Boolean(un)) //false 
console.log(Boolean(null)) //false

6.number类型转boolean类型

 ①Boolean()方法(0和NAN返回false 其他返回ture)

var number1 = 10
//number转布尔 非0和非NaN则为true NaN和0就是false
console.log(Boolean(number1))//true
console.log(Boolean(0))//false
console.log(Boolean(NaN))//false

 

原创文章,作者:sunnyman218,如若转载,请注明出处:https://blog.ytso.com/277113.html

(0)
上一篇 2022年7月26日
下一篇 2022年7月26日

相关推荐

发表回复

登录后才能评论