初学JavaScript从入门到放弃(一)JavaScript介绍、变量、数据类型
一、JavaScript介绍
1、JavaScript:轻量级的客户端脚本语音
2、目前js已经不仅仅是客户语音,基于NODE可以做服务器端程序,所以Javascript是全栈编程语音
3、js及部分组成
- ECMAScript (ES):js的核心语法
- DOM:docment object model 文档对象模型,提供各种api(属性和方法)让js可以获取或操作页面中的HTML元素(DOM和元素)
- BOM:browser object model 浏览器对象模型,提供各种api让js可以操作浏览器
- ESMAScript
- 他是js的语法规范,js中的变量,数据类型,语法规范
二、JavaScript变量(variable)
它不是指具体值,只是一个用来存储具体容器或者代名词,因为他存储的值可以改变。
1.基于ES语法规范,在JS中创建变量有以下方式
- 严格区分大小写
- var(ES3)
- function (ES3) 创建函数(函数名也是变量,只不过存储的值是函数类型的而已)
- let (ES6)
- const (ES6) 创建的是常量
- class (ES6)基于ES6创建类
- import (ES6)基于ES6的模块规范导出需要的信息
/*
* 语法:
* var [变量名] = 值;
* let[变量名] = 值;
* const[变量名] = 值;
* function 函数名(){
* }
* ....
*/
2、创建变量,命名的时候要遵循一些规范
- 严格区分大小写
var n = 12;
var N = 13; //=>两个n不是同一个变量
- 遵循驼峰命名法:第一个小写,后面的单词大写按照数字,字母,下划线来命名(数字不能做为开头)
var studentInfo; / student_info/
var _studentInfo;//(下划线在前端的都是公共变量)
var $studentInfo;//(一般存储都是JQ元素)
function ion toLowerPase(){
}
- 不能使用关键字
三、数据类型
1、基本数据类型
- 基本数据类型(值类型)
- 数字 number
[基本数据类型]
有一个特殊的NaN(not a number代表不是一个有效的数字但是属于number类型的)- 字符串 string
- 布尔 boolean
- null
- undefined
- 引用数据类型
- 对象object
- 普通对象
var o = {name:'xie',age:18}
- 数组对象
var ary = [1,2,34];
- 正则对象
var reg = /-?\d|([1-9]\d+))(\.\d+)?/g; 由元字符组成一个完整的正则 // 不是空正则是单行注释
- 日期对象
- ·······
- 函数function
function fn() { }
- 对象object
- ES6中新增加的一个特殊的类型:Symbol,唯一的值
[Symbol]
创建出来的是唯一的值
var a = Symbol('谢');
var b = Symbol('谢');
a==b =>false
2、浏览器
- Elements:在当前页面的元素和样式在这里都可以看到,还可以调节样式修改结构等
- Console:控制台,可以在JS代码中通过.log输出到这里,也可以在这里直接编写JS代码
- Sources:当前网站的源文件都在这里
3、扩展:JS代码如何被运行以及运行后如何输出结果
[如何被运行]
把代码运行在浏览器中(浏览器内核来渲染解析)
基于NODE来运行(NODE也是一个基于V8引擎渲染和解析JS的工具)
[如何输出结果]- alert:在浏览器中通过弹框的方式输出(浏览器提示框)
ps:输出的结果是toString后的结果
//基于alert输出的结果都会转换为字符串:(如果是表达式先计算出结果然后在用toString方法转换为字符串
var num = 21;
alert(num); =>window.alert
alert({name:'xxx'});=>['object Object']
//为什么toString后的结果是object??
- confirm:确认提示框
var num = 2;
var fiag = confirm(num);
alert(fiag);//如果点击的是确定就是true点击的是取消则是false
- prompt:在confirm的基础上增加输入框(不常用)
- console.log:原来的意思是在浏览器工作台输出日志
- console.dir:比log输出的更加详细一些(尤其是输出对象的数据值的时候)
- console.table:把一个JSON数据按照表格的方式输出
初学JavaScript从入门到放弃(一)JavaScript介绍、变量、数据类型的更多相关文章
- JavaScript快速入门(四)——JavaScript函数
函数声明 之前说的三种函数声明中(参见JavaScript快速入门(二)——JavaScript变量),使用Function构造函数的声明方法比较少见,我们暂时不提.function func() { ...
- JavaScript快速入门(一)——JavaScript概览
JavaScript是什么? JavaScript的诞生 在1995年前后,当时世界上的主流带宽为28.8Kbps,现在世界平均下载带宽为21.9Mbps(数据来源于http://www.netind ...
- JavaScript 从入门到放弃(一)事件委托和使用innerHTML添加元素
一.使用事件委托 一个简单的需求,比如想给ul下面的li加上点击事件,点击哪个li,就显示那个li的innerHTML.这个貌似很简单!代码如下! <!DOCTYPE html> < ...
- 【JavaScript从入门到放弃】JS基础-01
作为一个前端开发人员,JS是我们行走江湖吃饭的家伙.基本上一个前端人员能值多少大洋,就看JS了.虽然各种框架层出不穷,但是归根结底学好原生JS才是硬道理. 学习任何新东西其实都遵循 10000 小时成 ...
- JavaScript 从入门到放弃(二)模块化工具requirejs
入门教程: 1.JS模块化工具requirejs教程(一):初识requirejs 2.JS模块化工具requirejs教程(二):基本知识 描述 这几天在使用github最活跃的基于bootstra ...
- JavaScript快速入门(三)——JavaScript语句
JavaScript基本语句 基本概述 JavaScript是脚本语言,从上到下解释执行,最小单位为语句或语句块,每个语句以分号结尾,每个语句块以右大括号结尾. JavaScript可以将多条语句或语 ...
- JavaScript快速入门(二)——JavaScript变量
变量声明 JavaScript的变量声明分为显式声明跟隐式声明. 显式声明 即带var关键字声明,例如 var example = example; 要注意JavaScript里面声明的关键字只有fu ...
- Java从入门到放弃——02.常量、变量、数据类型、运算符
本文目标 理解什么是常量,什么是变量 认识八大基本数据类型 了解算数运算符.赋值运算符.关系运算符.逻辑运算符.位运算符.三元运算符 1.什么是常量与变量? 常量是相对静止的量,比如整数:1,2,3 ...
- 【转】HTML, CSS和Javascript调试入门
转 http://www.cnblogs.com/PurpleTide/archive/2011/11/25/2262269.html HTML, CSS和Javascript调试入门 本文介绍一些入 ...
随机推荐
- 51nod 1135 原根(原根)
题意 题目链接 Sol 可以证明素数的原根不会超过他的\(\frac{1}{4}\) 那么预处理出\(P - 1\)的所有的质因数\(p_1, p_2 \dots p_k\),暴力判断一下,如果$\e ...
- 车厢调度(train.cpp)
车厢调度(train.cpp) [问题描述] 有一个火车站,铁路如图所示,每辆火车从A驶入,再从B方向驶出,同时它的车厢可以重新组合.假设从A方向驶来的火车有n节(n<=1000) ...
- mui.ajax()和asp.net sql服务器数据交互【2】json数组和封装
今天没有做循环创建显示:可以参考张鑫旭的文章:<基于HTML模板和JSON数据的JavaScript交互> 1.ashx页面代码 //下面的封装一般框架底层都是写好的:连接 数据库和获取D ...
- Java设计模式—观察者模式
观察者模式(Observer Pattern)也叫做发布订阅模式(Publish/subscribe). 其定义如下: 定义对象间一种一对多的依赖关系,使得每当一个对象改变状态,则所有依赖于它的对象都 ...
- hdu 1159 Common Subsequence(LCS)
Common Subsequence Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Other ...
- Android 单元测试Junit
- mongodb学习总结
安装mongodb: 1.下载服务器最新稳定版本(选择偶数号的版本号),mongodb的版本管理偶数号为稳定版,奇数号为开发版. 2.安装时默认安装在c盘,可以选择自定义选项来改变安装路径. 3.安装 ...
- 华为HCNP实验 防火墙安全区域及安全策略配置(USG6000)
防火墙安全区域及安全策略配置 一.学习目的 掌握防火墙安全区域的配置方法 掌握安全策略的配置方法 二.拓扑图 三.场景 你是公司的网络管理员.公司总部的网络分成了三个区域,包括 ...
- JS 和 Jq 获取客户端各种屏幕宽度和高度
//javascript 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: documen ...
- 在windows平台上构建自己的PHP(仅适用于php5.2)
构建步骤 1, 安装vs2008 2, 安装windows sdk 6.1 3, 下载php 5.2源码,可以从此处获取Releases(先不要解压) 4, 下载bindlib_w32.zip,htt ...