JavaScript(JS)的简单了解

目录

一、JS 的简单介绍

 二、JS的基础语法

1、JS是不需要main函数的

2、变量的作用域  

3、打印

 3、JS 中的数据类型

4、JS 的基础语句使用

if 语句 

输入和输出 

数组 

 两种简单的遍历方式​编辑

5、函数(function)

匿名函数 

作用域

作用域链 

 6、JS 的对象

 定义对象的方法1

value的类型不固定,可以任意赋值

 7、JS 完成对DOM树中元素的检索

小练习

setTimeout和setInterval 


一、JS 的简单介绍

      Javascript简称js,js是一种脚本语言,是不需要进行编译的,也是浏览器中的一部分,经常用在web客户端脚本语言,主要是用来给html增加动态功能。、

JS在实际应用中是挂靠在HTML上运行的

<script src="JS的路径"></script>   <script>JS内容</script>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>运行JS</title>
</head>
<body>
<script>
    alert('我是内联的 js ')
</script>
<script src="../JS/run-js.js"></script>
</body>
</html>
alert('我是外联的 js ')

页面会跳出两个弹窗

学习内容在浏览器的控制台可以写简单的js代码是实现

 二、JS的基础语法

1、JS是不需要main函数的

    java:①"所有语句"都必须放在一个主方法中,并且只有当这个方法被调用时,这些语句才会执行

              ② java的语句必须用分号结尾

              ③ java的数据和变量都是有类型的

    JS:  ①如果语句放在函数中,则语句在函数被调用时才会使用,如果语句放在外侧,则JS加载完成就会执行语句。

              ② js语句可以用分号也可以不用,如果一行有多个语句,就要用分号隔开

              ③ js中的数据是有类型的,但是js的变量是没有数据类型的

2、变量的作用域  

大体上来看就是作用在{}中,出了这个括号就用不了了

3、打印

不能打印到网页上,只能打印到控制台上(console)

下面的 undefined 是cnsole.log(...)的返回值,由于没有返回值,所以是 undefined

 

 

 3、JS 中的数据类型

数字类型:不严格区分整型、非整型,统一认为是数字类型(Number类型)

 1     13     5.3    4.5

布尔类型:   true/false   对比java,JS的类型检查并不严格

字符串类型:对比java,JS中没有字符类型,单引号和双引号是一样的

 模板字符串:使用反引号(`)

var world = ..;      var s = 'Hello ${world}`
对比Java中
String world = ..;      String s = String.format("hello %s", world);      var s = "Hello " + world;

 小结

 关于相等判断,对比Java:
①在JS中,就是对象的值的比较,而不像Java 中,如果要比较对象的值,应该使用equals(..)方法JS的== <=> Java的equals(..)
var s = "..";     var b = "..."     s == b
String s = "...";    String b = "...";      s.equals(b)

②JS中的==对比===
     ==︰自带类型转换的比较

     ===:不带类型转换的比较

     0== "0":结果是true;

    1)两个要比较的数据类型不等,所以先对其中一个做类型提升(这里把O ->"0")0
    2) "O" =="O”的结果是true
0 === “0":结果是false; 1)两个要比较的数据类型不同,所以结果就是false

一般建议使用===以及!==去做比较
否则就可能出现刚才演示的JS的内在逻辑错误"0"== 0&&0==[]但是“O”!=[]

JS 中对boolean类型的处理和Java中不一样
null / undefined 都视为false
Java中 1不是 true,2不是 true,0不是false
但是JS中,1看作就是 true,2也是 true,0是false。非О

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值