热门标签 | 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”

推荐阅读
  • Eclipse 中 JSP 开发环境配置指南
    本文详细介绍了如何在 Eclipse 集成开发环境中配置 JSP 运行环境,包括必要的软件下载、Tomcat 服务器的配置以及常见问题的解决方法。 ... [详细]
  • Asp.net MVC 中 Bundle 配置详解:合并与压缩 JS 和 CSS 文件
    本文深入探讨了 Asp.net MVC 中如何利用 Bundle 功能来合并和压缩 JavaScript 和 CSS 文件,提供了详细的配置步骤和示例代码,适合开发人员参考学习。 ... [详细]
  • 本文深入探讨了JavaScript中实现继承的四种常见方法,包括原型链继承、构造函数继承、组合继承和寄生组合继承。对于正在学习或从事Web前端开发的技术人员来说,理解这些继承模式对于提高代码质量和维护性至关重要。 ... [详细]
  • 微信小程序中实现位置获取的全面指南
    本文详细介绍了如何在微信小程序中实现地理位置的获取,包括通过微信官方API和腾讯地图API两种方式。文中不仅涵盖了必要的准备工作,如申请开发者密钥、下载并配置SDK等,还提供了处理用户授权及位置信息获取的具体代码示例。 ... [详细]
  • 本文探讨了Web开发与游戏开发之间的主要区别,旨在帮助开发者更好地理解两种开发领域的特性和需求。文章基于作者的实际经验和网络资料整理而成。 ... [详细]
  • 本文将详细介绍如何在ThinkPHP6框架中实现多数据库的部署,包括读写分离的策略,以及如何通过负载均衡和MySQL同步技术优化数据库性能。 ... [详细]
  • 使用LVS与ldirectord实现高可用负载均衡
    本文介绍了如何通过LVS(Linux Virtual Server)结合ldirectord工具来实现服务器的健康检查及负载均衡功能。环境设置包括一个LVS节点和两个真实服务器节点,通过配置ldirectord进行健康状态监测,确保系统的高可用性。 ... [详细]
  • JavaWeb技术架构解析
    本文探讨了JavaWeb开发中客户端与服务器端的交互模式,重点分析了B/S(浏览器/服务器)和C/S(客户端/服务器)两种架构的特点及应用场景。 ... [详细]
  • 深入分析十大PHP开发框架
    随着PHP技术的发展,各类开发框架层出不穷,成为了开发者们热议的话题。本文将详细介绍并对比十款主流的PHP开发框架,旨在帮助开发者根据自身需求选择最合适的工具。 ... [详细]
  • 前端开发中的代码注释实践与规范
    本文探讨了前端开发过程中代码注释的重要性,不仅有助于个人清晰地回顾自己的编程思路,还能促进团队成员之间的有效沟通。文章将详细介绍HTML、CSS及JavaScript中的注释使用方法,并提出一套实用的注释规范。 ... [详细]
  • 探索Squid反向代理中的远程代码执行漏洞
    本文深入探讨了在网站渗透测试过程中发现的Squid反向代理系统中存在的远程代码执行漏洞,旨在帮助网站管理者和开发者了解此类漏洞的危害及防范措施。 ... [详细]
  • Web前端性能提升指南:简化JavaScript与消除重复脚本
    本文为Web前端性能优化系列的第七篇,重点探讨简化JavaScript代码及清除重复脚本的方法。通过这些技术,可以显著提高网页加载速度和用户体验。了解更多信息,请参阅我们的完整指南:Web前端性能优化。 ... [详细]
  • YB02 防水车载GPS追踪器
    YB02防水车载GPS追踪器由Yuebiz科技有限公司设计生产,适用于车辆防盗、车队管理和实时追踪等多种场合。 ... [详细]
  • EasyMock实战指南
    本文介绍了如何使用EasyMock进行单元测试,特别是当测试对象的合作者依赖于外部资源或尚未实现时。通过具体的示例,展示了EasyMock在模拟对象行为方面的强大功能。 ... [详细]
  • 性能测试工具的选择与应用
    本文探讨了性能测试工具的重要性及其在软件测试中的作用,重点介绍了选择合适性能测试工具的考量因素,并对几种常用的性能测试工具进行了对比分析。 ... [详细]
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社区 版权所有