JS基础及编写第一个JS程序

这篇博客介绍了JavaScript的基础知识,包括如何导入JS标签,编写代码,使用注释,引入外部文件,定义变量,遵循命名规范,理解数据类型如Boolean、Number、String等,以及使用typeof操作符和运算符。还特别提到了JavaScript的变量在赋值时确定数据类型,以及Null和NaN的特殊性。最后,文章讲解了算术、关系和逻辑运算符的用法。

1.导入JavaScript标签

<script type=“text/javascript”></script>

2.在标签中间写js代码

alert(“hello world!”) ;
document.write(“亲,我在页面上,跟alert不一样噢!”);
console.log(“我是在控制台打印的, 以后常用我!”);

3.标签

script标签可以出现多次, 且可以出现在html文件的任何地方, 建议写在<head></head>之间; 另外,同一个文件中Javascript和HTML代码, 它们的执行顺序都是自上而下,谁在前就谁先执行, 谁在后就后执行.

4. JavaScript的注释

单行注释: //,    多行注释 /* */

5.外部javaScript文件引入方式

<script type="text/javascript" src="demo1.js" ></script>
注意:
  1. 不可以使用单标, 以下是不正确的写法
<script type="text/javascript" src="demo1.js“/ >
  1. 在引入了外部文件的标签中写代码会无效, 下面的alert()不会执行
<script src=“demo1.js”>alert(‘xxxx’)</script>

script标签的属性:

  • src 表示要引入的外部文件
  • type 表示脚本语言的类型

6.JS定义变量

var age;       //var 是关键字,age是变量名

JS是弱数据类型的语言,容错性较高, 在赋值的时候才确定数据类型

var b;           //temp时啥数据类型?不确定 
b = 12;            //temp变量是数字类型
b = “hello”;      //temp变量变成了字符串类型
console.log(typeof b);

7.变量的命名规范

  1. 变量名可以是数字,字母,下划线_和美元符$组成;
  2. 第一个字符不能为数字
  3. 不能使用关键字或保留字
  4. 标识符区分大小写,如:age和Age是不同的变量。但强烈不建议用同一个单词的大小写区分两个变量。
  5. 变量命名尽量遵守驼峰原则: myStartDemo
  6. 变量命名尽量见名知意

8.JS数据类型

  • Boolean: 布尔类型
  • Number:数字(整数int,浮点数float)
  • String:字符串
  • Array:数组
  • Object:对象
  • 特殊数据类型 Null、Undefined
typeof 操作符:用来检测变量的数据类型
==对于值或变量使用 typeof 操作符会返回如下字符串: ==
Undefined数据类型的值为:  undefined  未定义
Boolean数据类型的值为:  boolean     布尔值
String数据类型的值为:  string         字符串
Number数据类型的值为:  number       数值
Object数据类型的值为:  object          对象或者null
Function数据类型的值为:  function      函数
Null 类型:

Null 类型是一个只有一个值的数据类型,即特殊的值 null。它表示一个空对象引用(指针),而 typeof 操作符检测 null 会返回 object。

NaN:非数值(Not a Number)是一个特殊的值

这个数值用于表示一个本来要返回数值的操作数未返回数值的情况(这样就不会抛出错误了)。比如,在其他语言中, 任何数值除 以 0 都会导致错误而终止程序执行。但在ECMAScript中,会返回出特殊的值,因此不会影响程序执行。

ECMAScript 提供了 isNaN()函数,用来判断这个值到底是不是 NaN。isNaN()函数在接收到一个值之后,会尝试将这个值转换为数值。

9.JS运算符

  • 算术运算符 (+,-, *, /, %(取余数))

  • 字符串和变量的拼接(+)

  • 关系运算符 <、>、<=、>=、、=、!=, !==

  • 逻辑运算符 && 与(且)、|| 或、! 非 -赋值运算符 a+=10; =、+=、-=、*=、/=、%=

  • 自增、自减 a, a, --a, a--

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值