JS入门熟知

简介: JS是面向对象的语言封装继承多态聚集(对象中具有引用其他对象的能力)JS使用中绝大多数情况不需要进行面向对象的设计,很多情况是使用已经设计好,准备好的对象,基于对象的语言.JS的使用(引入)jsp、html中直接在script标签中书写在script标签中引入  注意: script 标签位置任意.

JS是面向对象的语言

  1. 封装
  2. 继承
  3. 多态
  4. 聚集(对象中具有引用其他对象的能力)

JS使用中绝大多数情况不需要进行面向对象的设计,很多情况是使用已经设计好,准备好的对象,基于对象的语言.

JS的使用(引入)

  1. jsp、html中直接在script标签中书写
  2. 在script标签中引入

  注意: 

    1. script 标签位置任意. 但是位置越靠前,执行越早.(重要)
    2. js 外部文件推荐扩展名是.js.但是其实任何后缀名都可以.
    3. 使用script标签引入外部文件,那么该script标签中就不要书写js代码了.

JS的基本语法

  • 变量声明

   变量声明使用var,变量区分大小写 str 和 STR 不是同一个变量. 字符串使用双引号("")或单引号('')包裹都可以.变量的类型可以随时改变.命名规则是匈牙利标记法.

    var str = 1; var str = "Hello";  //两者之间没有任何区别

  • 行尾使用 ";" 作为一行的结束符号.(可以没有";", 以折行符(回车)作为一行的结尾.)(不推荐)  
  • js 中的注释有两种单行,多行

    单行注释"//"  多行注释 "/* */"

  • 封装代码块与 java 一样,使用{}.
  • 变量声明时, 前缀 var 也不是必须的.
      加var 和 不加 var 有什么区别? 如果不使用var,那么该变量是全局变量

JS的类型

  js中类型分为两种

    1. 原始数据类型
    2. 对象数据类型

  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中的对象

  1. Object  是所有对象的超类. Function对象以及Function的创建
    1. var fun1 = new Function("a","b","alert(a+b);");
    2. var fun2 = function (a,b){alert(a+b);}
    3. function fun3(a,b){alert(a+b)}    
  2. Function的调用
  3. js中函数的调用只看函数名称. 调用时内置对象arguments, arguments代表函数运行期间实际参数列表.
      arguments.length  实际参数个数
      arguments[0]   第一个参数.
      应用: arguments 实现函数的重载.
  4.  函数的返回
    1. 如果函数没有显示指定返回值,那么函数返回值为undefined.
    2. 使用return关键字,返回内容
    3. return 关键字,在js中也可以作为结束方法运行的功能.
    4. void运算符的应用.

ECMAScript中对对象的分类

  1. 本地对象
    内建对象   不需要创建实例.直接使用 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对象

 

目录
相关文章
|
12月前
|
前端开发 机器人 API
前端大模型入门(一):用 js+langchain 构建基于 LLM 的应用
本文介绍了大语言模型(LLM)的HTTP API流式调用机制及其在前端的实现方法。通过流式调用,服务器可以逐步发送生成的文本内容,前端则实时处理并展示这些数据块,从而提升用户体验和实时性。文章详细讲解了如何使用`fetch`发起流式请求、处理响应流数据、逐步更新界面、处理中断和错误,以及优化用户交互。流式调用特别适用于聊天机器人、搜索建议等应用场景,能够显著减少用户的等待时间,增强交互性。
3073 2
|
7月前
|
JSON JavaScript 前端开发
菜鸟之路Day23一一JavaScript 入门
本文介绍了 JavaScript 的基础内容,包括 JS 的引入方式、基础语法、数据类型、运算符、类型转换、函数、对象(如 Array、String、自定义对象、JSON、BOM 和 DOM)、事件监听,以及 Vue 框架的初步使用。重点讲解了内部和外部脚本的引入、变量声明(var、let、const)、常见输出语句、数组与字符串的操作方法、DOM 操作及事件绑定,并通过实例展示了 Vue 的双向数据绑定和常用指令(v-bind、v-model、v-on、v-if、v-for 等)。
167 7
|
10月前
|
JavaScript 前端开发
【JavaScript】——JS基础入门常见操作(大量举例)
JS引入方式,JS基础语法,JS增删查改,JS函数,JS对象
|
11月前
|
监控 前端开发 JavaScript
React 静态网站生成工具 Next.js 入门指南
【10月更文挑战第20天】Next.js 是一个基于 React 的服务器端渲染框架,由 Vercel 开发。本文从基础概念出发,逐步探讨 Next.js 的常见问题、易错点及解决方法,并通过具体代码示例进行说明,帮助开发者快速构建高性能的 Web 应用。
487 10
|
JavaScript 前端开发 小程序
一小时入门Vue.js前端开发
本文是作者关于Vue.js前端开发的快速入门教程,包括结果展示、参考链接、注意事项以及常见问题的解决方法。文章提供了Vue.js的基础使用介绍,如何安装和使用cnpm,以及如何解决命令行中遇到的一些常见问题。
629 5
一小时入门Vue.js前端开发
|
11月前
|
机器学习/深度学习 自然语言处理 前端开发
前端神经网络入门:Brain.js - 详细介绍和对比不同的实现 - CNN、RNN、DNN、FFNN -无需准备环境打开浏览器即可测试运行-支持WebGPU加速
本文介绍了如何使用 JavaScript 神经网络库 **Brain.js** 实现不同类型的神经网络,包括前馈神经网络(FFNN)、深度神经网络(DNN)和循环神经网络(RNN)。通过简单的示例和代码,帮助前端开发者快速入门并理解神经网络的基本概念。文章还对比了各类神经网络的特点和适用场景,并简要介绍了卷积神经网络(CNN)的替代方案。
1398 1
|
11月前
|
数据采集 存储 JavaScript
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
本文介绍了如何使用Puppeteer和Node.js爬取大学招生数据,并通过代理IP提升爬取的稳定性和效率。Puppeteer作为一个强大的Node.js库,能够模拟真实浏览器访问,支持JavaScript渲染,适合复杂的爬取任务。文章详细讲解了安装Puppeteer、配置代理IP、实现爬虫代码的步骤,并提供了代码示例。此外,还给出了注意事项和优化建议,帮助读者高效地抓取和分析招生数据。
429 0
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
|
12月前
|
存储 JavaScript 前端开发
前端开发:Vue.js入门与实战
【10月更文挑战第9天】前端开发:Vue.js入门与实战
|
12月前
|
自然语言处理 JavaScript 前端开发
JavaScript高级——ES6基础入门
JavaScript高级——ES6基础入门
153 1
|
12月前
|
机器学习/深度学习 自然语言处理 前端开发
前端大模型入门:Transformer.js 和 Xenova-引领浏览器端的机器学习变革
除了调用API接口使用Transformer技术,你是否想过在浏览器中运行大模型?Xenova团队推出的Transformer.js,基于JavaScript,让开发者能在浏览器中本地加载和执行预训练模型,无需依赖服务器。该库利用WebAssembly和WebGPU技术,大幅提升性能,尤其适合隐私保护、离线应用和低延迟交互场景。无论是NLP任务还是实时文本生成,Transformer.js都提供了强大支持,成为构建浏览器AI应用的核心工具。
2009 1

热门文章

最新文章