JavaScript的学习(入门一) - 过客Y
了解:
1.JavaScript是一种编程语言,属于高级语言,是一个解释型语言
2.javas是一种脚本语言,其源代码在发往客户端运行之前不需要经过编译,而是将文本格式的字符代码发送给浏览器由浏览器解释运行
3.解释型语言:程序执行之前,不需要编译,直接运行时边解析边执行的语言。
编译型语言:程序执行之前,需要一个专门的编译过程,把程序编译成为机器语言的文件(如:exe文件)
4.JavaScript的组成:①ECMAScript———–>JavaScript的语法标准
②DOM———————>JavaScript操作页面上的元素的API
③BOM———————>javasc操作浏览器的部分功能的API
(注释:API(Application Programma Interface)应用程序编程接口)是一些预先定义的函数
5.使用场景:前端开发,后端开发,移动端开发
知识:
一.JavaScript的语法规范:
1.JavaScript的三种书写格式:
①行内式:例如(<button onclick=”alert(‘因为梦想所以选择远方,因为无所依靠所以必须坚强’);”>因为梦想所以选择远方,因为无所依靠所以必须坚强</button>)
②页内式:—->a.标签中的js代码一般是写在文档的尾部
—–>b.网页是从上至下加载,js代码通常是给标签添加交互
例如(</body>
<script type=”text/javascript”>
alert(“因为梦想所以选择远方,因为无所依靠所以必须坚强!”);
</script>
</html>
或
</body>
<script>
window.onload=function(){
alert(“因为梦想所以选择远方,因为无所依靠所以必须坚强!”);
}
</script>
</html>
)
③外链式——->如果使用了外链式格式,就不能再外链式的script里面写上代码,因为写上的代码是不会执行的。
错误:<script type=”text/javascript”>function(){alert(\’因为梦想\’);}</script>
2.常用的输出方式
①用网页弹出显示框,显示信息
<script type=”text/javascript”>
alert(“因为梦想,所以选择远方”);
</script>
②将内容写到 HTML 文档中
<script type=”text/javascript”>
document.writeln(“因为梦想,所以选择远方”);
</script>
③写入到浏览器的控制台
<script type=”text/javascript”>
console.log(“因为梦想,所以选择远方”);
</script>
打开网页的时候会发现网页上什么都没有,是因为这个不是给用户看的,而是给开发者看的,如果要看可以按F12到开发者工具中的控制台输出那里看。
3.注意事项:
①一行代码结束后必须在代码的最后加上;
②严格区分大小写
③会忽略多个空格和换行
4.JS如何换行输入:(使用<br>)
二.常量,变量,关键字,标识符
1.常量:
①整型常量——–>(控制台输出)是蓝色的字
②浮点数常量——>(控制台输出)是蓝色的字
③字符串常量——>用单引号或双引号括起来的——–>(控制台输出)是黑色的字
④布尔型常量
2.特殊字符:
①换行:\n
②制表符:\t
③回车:\r
3.变量:
①定义:var 变量名称;
例如:var name;
可以定义多个变量,例如:var name,age,birthday;
②为变量赋值:
例如:name = \’呼啦啦\’; //注意:=的左右两边各加一个空格,赋值的时候,=号的左侧必须是个变量
4.关键字:(不能作为变量名,函数名,关键字严格区分大小写)
break case catch continue debugger* default in do else finally for function if try
instanceof new return switch this throw typeof var void while with delete
5.保留字:(预留的关键字,不能作为变量名,函数名)
class const enum export extends import super implements private yield
package static let protected
6.标识符:(可以自主命名)
规则:①可以有字母,数字,下划线,$符号
②不能以数字开头
③不能是ES中的关键字或保留字
④严格区分大小写
⑤一般采用驼峰命名法(首字母小写,每个单词的开头字母大写,其余字母小写)
7.数据类型
①Number 数字类型——>不区分整型数值和浮点型数值(在js中所有的数值都是Number类型)
在JS中对数值进行计算时没有结果返回,则返回NaN
②String 字符串类型—–>由单引号或双引号括起(单独的一个字母也被称为字符串)
注意:相同引号不能嵌套,不同引号可以嵌套
③Boolean 布尔类型——–>只能取真(true)和假(false),也代表1和0
注意:<1>任何非零的数值都是true,包括无穷大,只有0和Nan是false
<2>任何非空字符串都是true,只有空字符串是false
<3>任何对象都是true,只有null和undefined是false
Undefined表示变量未赋值,这种类型只有一种值就是undefined,undefined是Undefined类型的字面量
Null类型只有一种值就是null,语义上看null是一个空对象,用typeof返回的是Object类型
在js中两等号(==)是值比较,三个等号(===)是值比较和类型比较
④undefined 变量未初始化
⑤null 空类型
⑥Object 对象类型
⑦Array 数组类型
查看数据类型可以用 typeof 操作符,查看的类型可以以字符串的形式返回给我们
8.数据类型的转换:
①toString() —————–>注意:null和undefined没有toString()方法
不会影响原变量
例如:
<script>
var num=123;