JS入门熟知
JS是面向对象的语言
- 封装
- 继承
- 多态
- 聚集(对象中具有引用其他对象的能力)
JS使用中绝大多数情况不需要进行面向对象的设计,很多情况是使用已经设计好,准备好的对象,基于对象的语言.
JS的使用(引入)
- jsp、html中直接在script标签中书写
- 在script标签中引入
注意:
- script 标签位置任意. 但是位置越靠前,执行越早.(重要)
- js 外部文件推荐扩展名是.js.但是其实任何后缀名都可以.
- 使用script标签引入外部文件,那么该script标签中就不要书写js代码了.
JS的基本语法
- 变量声明
变量声明使用var,变量区分大小写 str 和 STR 不是同一个变量. 字符串使用双引号("")或单引号('')包裹都可以.变量的类型可以随时改变.命名规则是匈牙利标记法.
var str = 1; var str = "Hello"; //两者之间没有任何区别
- 行尾使用 ";" 作为一行的结束符号.(可以没有";", 以折行符(回车)作为一行的结尾.)(不推荐)
- js 中的注释有两种单行,多行
单行注释"//" 多行注释 "/* */"
- 封装代码块与 java 一样,使用{}.
变量声明时, 前缀 var 也不是必须的.
加var 和 不加 var 有什么区别? 如果不使用var,那么该变量是全局变量
JS的类型
js中类型分为两种
- 原始数据类型
- 对象数据类型
java中 基本数据类型有 byte short int long float double boolean char
js中 原始数据类型有 number(数字,浮点型,整型)
string(js语言的突破,没有char类型.)
boolean
null (用来标示引用数据类型的占位符.通常都是人为赋值.)var person = null;
undefined (由null衍生出来的值,是当我们声明一个变量,)
1.没有给该变量初始化值,那么系统会默认赋值为undefined
2.函数中没有返回值,那么默认返回undefined
原始数据类型 判断符:
typeof 用来判断一个变量是哪种原始类型的.
null会返回object, 是js中的一个bug,这个bug 被认为很贴切.所以保留了该bug.
JS中的语句
java中有循环: for while-do do-while
有判断: if switch
js中语句 与java中一模一样!
特殊: java中的增强for循环在js中没有.
js中有for(var xx in xx) 语句. 用的很少,用来遍历对象的属性.
JS中运算符
一元运算符
一元加法,减法
var a = +1;
var b = -1;
在js中的高级应用.
var c = +"1"; //进行类型转换
var d = +"abc"; // 转换失败,返回number中的特殊值 NaN.
Boolean 运算符 ! && ||
js中自动类型转换. 转换规律 (重点)
string ==> "" 转换为false 其他都为true;
number ==> 除了NaN,+0和-0.其他都转换为true.
null ==> false
undefined ==> false
NaN特性:
NaN参与的任何boolean运算返回值都是false. 除了!=,因为undefined是null衍生出的,所以 alert(undefined == null);// true
比较运算符
alert(11>3); //true
当运算符两端 , 一端是数字,一端是其他类型时, 其他类型会自动向数字类型转换
alert("11">3); // true
alert(11>"3"); //true
字符串在进行比较时 ,规律是: 比较首字符asc码. 如果一样,比较第2位...
alert("11">"3"); // false
alert("11">"1"); // true
alert("abc">11); //false
等性运算符 == != ===
全等于: === 比较时包括类型.
ECMAScript中的对象
- Object 是所有对象的超类.
- var fun1 = new Function("a","b","alert(a+b);");
- var fun2 = function (a,b){alert(a+b);}
- function fun3(a,b){alert(a+b)}
- Function的调用
- js中函数的调用只看函数名称. 调用时内置对象arguments, arguments代表函数运行期间实际参数列表.
arguments.length 实际参数个数
arguments[0] 第一个参数.
应用: arguments 实现函数的重载. - 函数的返回
1. 如果函数没有显示指定返回值,那么函数返回值为undefined.
2. 使用return关键字,返回内容
3. return 关键字,在js中也可以作为结束方法运行的功能.
4. void运算符的应用.
Function对象以及Function的创建
ECMAScript中对对象的分类
- 本地对象
内建对象 不需要创建实例.直接使用 Global Math
主机对象 DOM BOM 两部分.
ECMAScript中3个包装对象.
String Number Boolean
伪对象: string number boolean 这3个原始类型可以看作是伪对象, 能直接调用包装对象的方法和属性.
String对象属性length
重要的方法
indexOf
lastIndexOf
charAt
alert(str1.charAt(0)); //a
charCodeAt 返回所在字符的asc码
alert(str1.charCodeAt(0)); //97
subString
alert(str1.substring(0, 1)); //a
slice 支持负数. 从右往左.
alert(str1.slice(0, -1)); //a
与正则结合的方法
split
replace
match
search
Global对象
JS入门熟知的更多相关文章
- 1. web前端开发分享-css,js入门篇
关注前端这么多年,没有大的成就,就入门期间积累了不少技巧与心得,跟大家分享一下,不一定都适合每个人,毕竟人与人的教育背景与成长环境心理活动都有差别,但就别人的心得再结合自己的特点,然后探索适合自己的学 ...
- React.js入门笔记
# React.js入门笔记 核心提示 这是本人学习react.js的第一篇入门笔记,估计也会是该系列涵盖内容最多的笔记,主要内容来自英文官方文档的快速上手部分和阮一峰博客教程.当然,还有我自己尝试的 ...
- Ember.js入门教程、博文汇总
第一章 对象模型 Ember.js 入门指南——类的定义.初始化.继承 Ember.js 入门指南——类的扩展(reopen) Ember.js 入门指南——计算属性(compute properti ...
- JS入门之ActiveXObject对象(转载)
JS入门之ActiveXObject对象 此对象提供自动化对象的接口. function ActiveXObject(ProgID : String [, location : String] ...
- Node.js 入门手册:那些最流行的 Web 开发框架
这篇文章与大家分享最流行的 Node.js Web 开发框架.Node 是一个服务器端 JavaScript 解释器,它将改变服务器应该如何工作的概念.它的目标是帮助程序员构建高度可伸缩的应用程序,编 ...
- 【特别推荐】Node.js 入门教程和学习资源汇总
这篇文章与大家分享一批很有用的 Node.js 入门教程和学习资源.Node 是一个服务器端的 JavaScript 解释器,它将改变服务器应该如何工作的概念.它的目标是帮助程序员构建高度可伸缩的应用 ...
- 让我们一起学习《Node.js入门》一书吧!
Node.js入门 读完本书之后,你将完成一个完整的web应用,该应用允许用户浏览页面以及上传文件. 里面对一些知识的讲解,让你略窥Node.js的门径.最好一段代码一段代码的写下来,我的习惯是手里拿 ...
- web前端开发分享-css,js入门篇(转)
转自:http://www.cnblogs.com/jikey/p/3600308.html 关注前端这么多年,没有大的成就,就入门期间积累了不少技巧与心得,跟大家分享一下,不一定都适合每个人,毕竟人 ...
- Node.js入门实例程序
在使用Node.js创建实际“Hello, World!”应用程序之前,让我们看看Node.js的应用程序的部分.Node.js应用程序由以下三个重要组成部分: 导入需要模块: 我们使用require ...
随机推荐
- React Native之hellWord
初始化项目工程 进入自己的工作空间然后shift+鼠标右键打开命令行窗口执行如下命令创建RN工程HelloWorld: 然后使用Android Studio打开AVD Manager创建模拟器,在打开 ...
- Css技术入门笔记01
在学习html的时候,html中的标签都具备了特定功能,或者含义,以及相应的样式效果.可是在有些时候我们可能仅仅希望使用 html标签把要显示的数据封装起来,而不需要任何的样式效果.这时就需要单独的标 ...
- H5学习之旅-H5的表单(11)
H5的表单元素 form:表单 input:输入域,type属性可以设置text,password,button等不同的属性 textarea:文本域 lable:控制标签 fieldset:定义域 ...
- 高通平台手机开发之LCD
4.1. LCD 参考文档: 1) 80-NA157-174_E_DSI_Programing_Guide_B-Family_Android_Devices.pdf 2) 80-NN766-1_A_L ...
- 一个App与另一个App之间的交互,添加了自己的一些理解
URL Scheme 是什么? iOS有个特性就是应用将其自身"绑定"到一个自定义 URL scheme 上,该 scheme用于从浏览器或其他应用中启动本应用.常见的分享到第三方 ...
- Android学习之旅-android系统服务的启动过程以及分类(90)
读了android开发精要这本书,所以我把书中的比较精彩的地方截图了,一块分享一下
- 我也来写DBUtils
关于重复造轮子 作为一个程序员,我们不止一次听到师长前辈们说:不要重复造轮子,已经有现成的了,直接用就是了. 对于这个观点,我觉得得仔细分析分析. 如果我们正在做一个真实的项目,经理天天追在我们屁股后 ...
- 【64】Spring mvc详解
Spring mvc框架 Spring web MVC 框架提供了模型-视图-控制的体系结构和可以用来开发灵活.松散耦合的 web 应用程序的组件.MVC 模式导致了应用程序的不同方面(输入逻辑.业务 ...
- 如何编写51单片机超声波测距SR04_lcd1602显示程序
超声波测距在我们日常生活中很常见,比如说车在倒退的时候,为了防止车撞到障碍物,会在车尾加上一个超声波测距模块.在智能车比赛中,也有超声波测距模块等等.可见超声波非常的重要,接下来,我们上代码研究一下如 ...
- 轻量级网络库libevent初探
本文是关于libevent库第一篇博文,主要由例子来说明如何利用该库.后续博文再深入研究该库原理. libevent库简介 就如libevent官网上所写的“libevent - an event n ...