ECMAScript(JavaScript)基础

可能很多跟我一样同为小白的,都不知道JavaScript其实是ECMAScript的别名,那今天就来总结一下ECMAScript的一些小基础。

JavaScript的基本结构

script的标签所放位置是任意的。

  • 避免阻塞其他资源,最好放在<body>最后,</body>之前
<script  type="text/javascript">

    //javascript代码写在这里。

</script >

网页中引用JS的方式

首先创建js文件
在这里插入图片描述
内容为:

document.write("Hello,I am Jafe");

在页面中进行引用

<script src="hello.js" type="text/javascript"></script>

JS的注释

<script type=“text/javascript”>  
    // 我是单行注释
    /*    
    多行
    注释    
    */
</script>

变量

变量的声明

//声明并赋值
var id = 123;
//先声明,后赋值
var age;
age = 22;
  • javascript是弱数据类型语言,它声明变量时不需要指定数据类型。变量的数据类型完全由值类型决定。

不声明赋值

number = 100;
  • 这种方式声明的变量为全局变量,全局变量要尽量避免使用。
  • 当变量声明却未赋值(初始化)时:
var num;
document.write(num);
//输出结果:undefined

命名规范

  1. 变量必须使用字母、下划线( _ )或者美元符( $ )开始。
  2. 然后可以使用任意多个英文字母、数字、下划线或者美元符组成。
  3. 变量名区分大小写,如:A与a是两个不同变量。
  4. 不能使用JavaScript关键词与JavaScript保留字。
  • 关键字
    在这里插入图片描述
  • 保留字
    在这里插入图片描述

JS的数据类型

传送门:这里更详细
使用typeof + 变量的形式能获取该变量的数据类型

var value = 10;
document.write((typeof value)+ "<br>");

JS的强制类型转换

本篇介绍两种,其余这里有详细说明
parseInt和parseFloat

  • parseInt(),parseFloat():并非是单纯的字符串转换成数字。是从字符串的开始提取数字,如果碰到字符,那么停止提取,返回前面提取的数字。
parseInt(“20”);    结果:20
parseInt(“23px”);    结果:23
parseInt(“qwe”);    结果:NaN
  • NaN:非数字的意思,是not a number的缩写。
    NaN和任何数据进行运算结果仍然是NaN。因此,想要判断
    一个变量是不是NaN时,不能使用这种形式:a==NaN,
    而要使用isNaN(a);

隐式转换

var num1 =10;
var num2 =5;

num1-num2;            结果:5
num1*num2;            结果:50
num1/num2;            结果:2
发布了73 篇原创文章 · 获赞 0 · 访问量 1245

猜你喜欢

转载自blog.csdn.net/qq_38605145/article/details/105007121