热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Javascript基本

Javascript基本简介JavaScript,一种直译式脚本言语,是一种动态范例、基于原型的言语,内置支撑种别。它的诠释器被称为JavaScript引擎,为浏览器的一部份,普遍
Javascript基本

简介

Javascript,一种直译式脚本言语,是一种动态范例、基于原型的言语,内置支撑种别。它的诠释器被称为Javascript引擎,为浏览器的一部份,普遍用于客户端的脚本言语,最早是在HTML网页上运用,用来给HTML网页增添动态功用。但是如今Javascript也可被用于网络服务器,如Node.js。–维基百科

Javascript能做许多事变:

  • web前端,jQuery, Bootstrap, RequireJS等

  • 挪动Web开辟 (Mobile Web),jQuery Mobile, zepto.js

  • Web后端,NodeJS

  • Hybrid App,PhoneGap, AppCan

  • 桌面运用,如 node-webkit,heX,Electron

  • 游戏,Cocos2d-js

  • 逾越web,Javascript在物联网的运用

  • 其他:浏览器插件等

基本观点

标识符

所谓标识符是指变量、函数、属性的名字,或许函数的参数。标识符的誊写有几个特性

  1. 辨别大小写

  2. 第一个字符必需是字母、下划线(_)、或许是$

  3. 背面的可所以字母、数字、下划线、$

定名范例

  1. 变量运用驼峰定名法,第一个单词首字母小写,背面单词首字母大写

  2. 变量运用名词,要领函数运用动词开首,常量悉数用大写字母,组织函数首字母大写

  3. 定名要包括语义

var firstName;
var isArray;
var PI;
function Person(){}

变量

变量是对“值”的援用,Javascript 用var来声明变量。
var a = 1;
声明变量未赋值,那末变量的值为 undefined。

var a;
a // undefined

变量提拔

所谓变量提拔,就是Javascript引擎先剖析代码,猎取一切声明的变量,然后再一行一行地运转,而一切的变量以及声明语句,都会被提拔到代码的头部。

console.log(a); //undefined
var a = 1;

语句

语句是为了完成某种使命的操纵,语句以分号末端,一个分号就示意一个语句完毕。

var a = 1+2;
var b = 'str';

解释

解释就是在顺序开辟中增加的标注,轻易浏览。js引擎会疏忽这些语句。
Javascript有两种解释:一种是单行解释,另一种是多行解释。

//单行解释
var a=1;//为变量a赋值
/*
多行解释
*/
function getName(id){
return id;
}

数据范例

Javascript 中的每一值,都属于某一种数据范例。Javascript的数据范例有六种(ES6新增了第七种Symbol)

  • 数值(number):整数和小数(比方1和3.14)

  • 字符串(string):字符构成的文本(比方”Hello World”)

  • 布尔值(boolean):true(真)和false(假)两个特定值

  • undefined:示意“未定义”或不存在,即此处现在没有任何值

  • null:示意空白,即此处应该有一个值,但现在为空

  • 对象(object):种种值构成的鸠合

平常,我们将数值、字符串、布尔值称为原始范例(primitive type)的值,即它们是最基本的数据范例,不能再细分了。而将对象称为合成范例(complex type)的值,由于一个对象往往是多个原始范例的值的合成,能够看做是一个寄存种种值的容器。至于undefined和null,平常将它们算作两个特别值。

数据范例转换

  1. 转换函数

    • toString() 转换为字符串,在Javascript中一切数据范例都能够转换为string范例

      var n1 = 12;
      var n2 = true;
      var a = [1, 2, 3];
      var o = {};
      function f(){}
      n1.toString(); //"12"
      n2.toString(); //"true"
      a.toString(); //"1,2,3"
      o.toString(); //"[object Object]"
      f.toString(); //"function f(){}"

    • parseInt() 剖析出一个string或许number范例的整数部份,假如没有能够转换的部份,则返回NaN(not a number)

      var n1 = "12";
      var n2 = "23hello";
      var n3 = "hello";
      parseInt(n1); //12
      parseInt(n2); //23
      parseInt(n3); //NaN

    • parseFloat() 剖析出一个string的浮点数部份,假如没有能够转换的部份,则返回NaN(not a number)。

      var n1 = "1.2.3";
      var n2 = "1.2hello"
      var n3 = "hello"
      parseFloat(n1); //1.2
      parseFloat(n2); //1.2
      parseFloat(n3); //NaN

  2. 强迫范例转换

    • Boolean(value)——把给定的值转换成Boolean型;

      Boolean(123); //true
      Boolean(""); //false
      Boolean([]); //true
      Boolean({}); //true
      Boolean(null); //false
      Boolean(undefined); //false

    • Number(value)——把给定的值转换成数字(可所以整数或浮点数);

      Number("123"); //123
      Number("123h"); //NaN
      Number(true); //1
      Number(false); //0
      Number(undefined); //NaN
      Number(null); //0
      Number([]); //0
      Number({}); //NaN

    • String(value)——把给定的值转换成字符串。

      String(123); //"123"
      String([1,2]); //"1,2"
      String(undefined) //"undefined"
      String(null) //"null"
      String({}) //"[object Object]"

  3. 隐式转换

    • 数字+字符串:数字转换为字符串

      console.log(12+"12"); //1212

    • 数字+布尔值:true转换为1,false转换为0

      console.log(12+true); //13

    • 字符串+布尔值:布尔值转换为true或false

      console.log("hello"+true); //hellotrue

    • 布尔值+布尔值

      console.log(true+true); //2

null和undefined

undefined 示意一种未知状况,声清楚明了但没有初始化的变量,变量的值时一个未知状况。接见不存在的属性或对象window.xxx)要领没有明白返回值时,返回值是一个undefined.当对未声明的变量运用typeof运算符时,显现为undefined。
null示意还没有存在的对象,null是一个有特别意义的值。能够为变量赋值为null,此时变量的值为“已知状况”(不是undefined),即null。(用来初始化变量,消灭变量内容,开释内存)

undefined==null //效果为true,但寄义差别。
undefined===null //false,二者范例不一致,前者为“undefined”,后者为“object”

推荐阅读
  • 本文介绍了闭包的定义和运转机制,重点解释了闭包如何能够接触外部函数的作用域中的变量。通过词法作用域的查找规则,闭包可以访问外部函数的作用域。同时还提到了闭包的作用和影响。 ... [详细]
  • 本文记录了在vue cli 3.x中移除console的一些采坑经验,通过使用uglifyjs-webpack-plugin插件,在vue.config.js中进行相关配置,包括设置minimizer、UglifyJsPlugin和compress等参数,最终成功移除了console。同时,还包括了一些可能出现的报错情况和解决方法。 ... [详细]
  • 本文介绍了Sencha Touch的学习使用心得,主要包括搭建项目框架的过程。作者强调了使用MVC模式的重要性,并提供了一个干净的引用示例。文章还介绍了Index.html页面的作用,以及如何通过链接样式表来改变全局风格。 ... [详细]
  • 从零基础到精通的前台学习路线
    随着互联网的发展,前台开发工程师成为市场上非常抢手的人才。本文介绍了从零基础到精通前台开发的学习路线,包括学习HTML、CSS、JavaScript等基础知识和常用工具的使用。通过循序渐进的学习,可以掌握前台开发的基本技能,并有能力找到一份月薪8000以上的工作。 ... [详细]
  • Node.js学习笔记(一)package.json及cnpm
    本文介绍了Node.js中包的概念,以及如何使用包来统一管理具有相互依赖关系的模块。同时还介绍了NPM(Node Package Manager)的基本介绍和使用方法,以及如何通过NPM下载第三方模块。 ... [详细]
  • node.jsrequire和ES6导入导出的区别原 ... [详细]
  • 本文介绍了JavaScript进化到TypeScript的历史和背景,解释了TypeScript相对于JavaScript的优势和特点。作者分享了自己对TypeScript的观察和认识,并提到了在项目开发中使用TypeScript的好处。最后,作者表示对TypeScript进行尝试和探索的态度。 ... [详细]
  • 用NAN写一个nodejs的c++扩大
    NAN引见NAN的全称为NativeAbstractionforNode.js,其表现上是一个Node.js包。装置后,就获得一堆C++头文件,内里是一堆宏。它主要为Node.js ... [详细]
  • 本文介绍了高校天文共享平台的开发过程中的思考和规划。该平台旨在为高校学生提供天象预报、科普知识、观测活动、图片分享等功能。文章分析了项目的技术栈选择、网站前端布局、业务流程、数据库结构等方面,并总结了项目存在的问题,如前后端未分离、代码混乱等。作者表示希望通过记录和规划,能够理清思路,进一步完善该平台。 ... [详细]
  • 本文总结了在开发中使用gulp时的一些技巧,包括如何使用gulp.dest自动创建目录、如何使用gulp.src复制具名路径的文件以及保留文件夹路径的方法等。同时介绍了使用base选项和通配符来保留文件夹路径的技巧,并提到了解决带文件夹的复制问题的方法,即使用gulp-flatten插件。 ... [详细]
  • 本文介绍了在使用vue和webpack进行异步组件按需加载时可能出现的报错问题,并提供了解决方法。同时还解答了关于局部注册组件和v-if指令的相关问题。 ... [详细]
  • Spring常用注解(绝对经典),全靠这份Java知识点PDF大全
    本文介绍了Spring常用注解和注入bean的注解,包括@Bean、@Autowired、@Inject等,同时提供了一个Java知识点PDF大全的资源链接。其中详细介绍了ColorFactoryBean的使用,以及@Autowired和@Inject的区别和用法。此外,还提到了@Required属性的配置和使用。 ... [详细]
  • VueCLI多页分目录打包的步骤记录
    本文介绍了使用VueCLI进行多页分目录打包的步骤,包括页面目录结构、安装依赖、获取Vue CLI需要的多页对象等内容。同时还提供了自定义不同模块页面标题的方法。 ... [详细]
  • 大数据 (三) BI报表系统  superset 源码搭建开发环境
    大数据 (三) BI报表系统 superset 源码搭建开发环境 ... [详细]
  • 来自fs的Node.jsstats.blksize属性。统计等级 ... [详细]
author-avatar
心韵怡怡雅琦
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有