JavaScript: ECMAScript + BOM +DOM

javascript 标识符命名规则：

1、只能是字母、数字、下划线、$

2、不能以数字开头

3、不能使用关键字和保留字

省略var 声明的变量是全局变量，但是不推荐这种方法

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Document</title>
  6. </head>
  7. <body>
  8.     <script>
  9.         // 一次声明多个变量
  10.         var name='cyy',age=24,gender;
  11.     </script>
  12. </body>
  13. </html>

js基本数据类型：

number  string  boolean  undefined  null

ES6新增数据类型

object

typeof 变量或者typeof(变量） 检测变量类型

变量的类型为string，变量类型的结果有：string  number  boolean  object  function  undefined

null 表示空对象指针，如果定义了变量未来需要放置空对象，可以先赋值为null

如果定义了变量未来需要放置字符串，可以先赋值为""

如果定义了变量未来需要放置数字，可以先赋值为0

undefined 派生自 null，因此undefined==null 结果为true

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Document</title>
  6. </head>
  7. <body>
  8.     <script>
  9.         var name='cyy',age=24,gender,settings=null;
  10.         console.log(typeof settings);//object
  11.         console.log(typeof gender);//undefined
  12.         console.log(undefined == null);//true
  13.     </script>
  14. </body>
  15. </html>

数字类型 number

特殊的数字类型 NaN

1、NaN的任何相关操作，结果都是NaN

2、NaN与任何数值都不相等，包括NaN本身

isNaN() 检测是否是非数值

首先会将值尝试转为数值，如果失败，则显示非数值

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Document</title>
  6. </head>
  7. <body>
  8.     <script>
  9.         console.log(15-'a');//NaN
  10.         console.log(typeof(15-'a'));//number
  11.         console.log(isNaN(15-'a'));//true
  12.         console.log(isNaN('16'));//false 尝试将字符串16转为数值16，成功
  13.     </script>
  14. </body>
  15. </html>

把非数值转为数值

Number() 可以将任何类型转为数值

parseInt() 用于将字符串转为整数

parseFloat() 用于将字符串转为浮点型

区别：

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Document</title>
  6. </head>
  7. <body>
  8.     <script>
  9.         var topval='28.56px';
  10.         console.log(Number(topval));//NaN
  11.         console.log(parseInt(topval));//28
  12.         console.log(parseFloat(topval));//28.56
  13.     </script>
  14. </body>
  15. </html>

JavaScript语法规则+JavaScript数据类型的更多相关文章

  1. JavaScript的语法规则

    JavaScript的语法规则 JavaScript区分大小写 JavaScript脚本程序须嵌入在HTML文件中 JavaScript脚本程序中不能包含HTML标记代码 每行写一条脚本语句 语句末尾 ...

  2. JavaScript 语法

    一.JavaScript简介 1.JavaScript是个什么东西? 它是个脚本语言,需要有宿主文件,它的宿主文件是HTML文件. 2.它与Java什么关系? 没有什么直接的联系,Java是Sun公司 ...

  3. 良好的JavaScript编码风格（语法规则）

    编码风格 1.概述 "编程风格"(programming style)指的是编写代码的样式规则.不同的程序员,往往有不同的编程风格. 有人说,编译器的规范叫做"语法规则& ...

  4. JavaScript（二）：JavaScript语法及数据类型

    一.JavaScript语法 1.区分大小写ECMAScript中的一切,包括变量.函数名和操作符都是区分大小写的.例如:text和Text表示两种不同的变量.2.标识符所谓标识符,就是指变量.函数. ...

  5. JavaScript：声明变量名的语法规则

    一.语法规则 1.变量必须使用字母.下划线(_)或者美元符($)开始. 2.然后可以使用任意多个英文字母.数字.下划线(_)或者美元符($)组成. 3.不能使用JS关键词与保留字. 二.示例 var ...

  6. Javascript语法基础

    Javascript语法基础   一.基本数据类型   JavaScript中支持数字.字符串和布尔值三种基本数据类型: 1．数字 数字型是JavaScript中的基本数据类型.在JavaScript ...

  7. 第九十八节，JavaScript语法、关键保留字及变量

    JavaScript语法.关键保留字及变量 学习要点: 1.语法构成 2.关键字保留字 3.变量 任何语言的核心都必然会描述这门语言最基本的工作原理.而JavaScript的语言核心就是ECMAScr ...

  8. JSON语法与JavaScript语法的区别

    JSON是独立于语言存在的,在不同的编程语言中对这种数据类型的实现不同,例如在JavaScript中使用JavaScript对象对这种数据格式进行实现,那么在java中当然是用java对象实现. 描述 ...

  9. (网页)12种不宜使用的Javascript语法(转)

    转自阮一峰: 最近写的一些小东西,总是出各种各样的问题,用了angular.js反应居然比我的jQuery还慢,客户吐槽了,我又把一个小操作,改成了jQuery.浏览一下大神的的博客.转载一点东西: ...

随机推荐

  1. Linux下启动/关闭Oracle

    一.Linux下启动Oracle Linux下启动Oracle分为两步: 1)启动监听: 2)启动数据库实例: 1.登录服务器,切换到oracle用户,或者以oracle用户登录 [admin@dat ...

  2. LeetCode 18： 4 Sum 寻找4数和

    链接 4Sum 难度 Medium 描述 Given an array nums of n integers and an integer target, are there elements a , ...

  3. SpringBoot学习遇到的问题(1) - 配置文件有日志的debug模式等配置项，为什么不起作用

    这个问题困扰我近乎两天,通过查找N多资料后终于解决,写下来共享给大家. logging.level.root=DEBUG ... 一系列的日志配置项,都不起作用的原因是springboot启动加载不到 ...

  4. JSP&Servlet学习笔记----第1/2章

    HTML(HyperText Markup Language):超文本标记语言 HTTP(HyperText Transfer Protocol):超文本传输协议 URL(Uniform Resour ...

  5. selenium控制浏览器操作

    selenium控制浏览器操作 控制浏览器有哪些操作? 控制页面大小 前进.后退 刷新 自动输入.提交 ........  控制页面大小,实例: # -*- coding:utf-8 -*- from ...

  6. 【OpenGL】变换矩阵计算公式

    摘自: http://ogldev.atspace.co.uk/www/tutorial06/tutorial06.html, http://ogldev.atspace.co.uk/www/tuto ...

  7. SpringProfile轻松切换多环境配置文件

    在项目开发的过程中,我们难免会遇到开发.测试.生产等环境的切换,而各个环境的配置肯定是不同的.传统的办法是在项目打包的时候修改配置文件.但人为做的事情难免产生意外.Spring 为我们提供了一种多环境 ...

  8. Metasploit学习笔记（一） Samba服务 usermap_script安全漏洞相关信息

    一.Samba介绍 Samba是linux和unix系统上实现smb协议的一个免费软件,由客户机和服务器构成.SMB是一种在局域网上实现共享文件和打印机的协议.存在一个服务器,客户机通过该协议可以服务 ...

  9. 5.7.20 多实例——MGR部署实战

    数据库 | MySQL:5.7.20 多实例——MGR部署实战 MGR介绍 基于传统异步复制和半同步复制的缺陷——数据的一致性问题无法保证,MySQL官方在5.7.17版本正式推出组复制(MySQL ...

  10. HTML连载68-形变中心点、形变中心轴

    一. 形变中心点介绍 <style> ul li { width: 100px; height: 100px; list-style: none; float:left; margin:0 ...