Manual de início rápido do JavaScript

Primeiro, familiarize-se com o JavaScript

1. Introdução

JavaScript é uma linguagem de script executada no navegador, abreviada como js. Ela não precisa ser compilada manualmente e é salva na forma de um documento comum. O sufixo é ".js". Ao emitir comandos para o navegador, você pode obter funções dinâmicas da página e interação do usuário.

2. Composição

O programa JavaScript é composto de instruções, blocos de instruções (instruções de várias linhas são incluídas em "{}", a função é executar a sequência de instruções em conjunto), funções, objetos, métodos, atributos, etc., que são controlados por três programas básicos: sequência, seleção e loop. Estrutura.

3, pontos a serem observados

";" No final de cada instrução pode ser adicionada ou não
. As variáveis ​​podem ser atribuídas ou não ao declarar variáveis. As
strings podem usar aspas simples ou duplas

Segundo, como introduzir arquivos JavaScript

1. Escreva diretamente onde for necessário

O evento é implementado vinculando diretamente o identificador de eventos (o identificador de evento deve incluir diretamente "on" antes do evento, como "clique" no identificador de evento "onclick"). Nesse caso, o evento de clique do mouse é acionado pela alça de evento "onclick".

 <input type="button" onclick="alert('直接在事件处理代码中加入JavaScript代码')" value="直接调用JavaScript代码">

2. Método de bloco de script (o mesmo que a folha de estilos em linha CSS)

Exposto no bloco de scripts, executado quando a página é aberta e executada em uma
ordem de cima para baixo (esse código é executado sem eventos).

 <script type="text/javascript">
        document.write("第一个JavaScript实例")
        alert("第一个JavaScript实例")
    </script>

3. Introduzir independente (a mesma folha de estilo externa do CSS)

Mapeie o arquivo de script js no local necessário.
Quando um arquivo js externo independente é introduzido, o código no arquivo js será executado linha por linha na ordem de cima para baixo.

<script type="text/javascript" src="../JavaScript文件/demo.js">
        document.write("src是可选属性，如果加上src属性，则script中的代码会被忽视——这行代码不会执行")
    </script>

Três, sintaxe básica do JavaScript

1. Variáveis ​​em js

Declaração variável

• java é uma linguagem fortemente tipada
  java existe no estágio de compilação, supondo que exista código int: i; depois, há um recurso em java: o tipo de dados da variável i foi determinado no estágio de compilação do programa java e o tipo de dados da variável i está sendo compilado O estágio é do tipo int, então essa variável é sempre do tipo int até o lançamento final da memória e não pode ser alterada para outros tipos
• JavaScript é uma linguagem de tipo fraco. O
  JavaScript não existe no estágio de compilação. Uma variável pode ser atribuída à vontade e qualquer tipo de valor pode ser atribuído. O tipo da variável é determinado pelo tipo do valor atribuído, portanto, a declaração das variáveis ​​usa "var"
• Por exemplo (como declarar uma variável em JavaScript):

 var i=1;（此时变量类型是整型）
 var i=3.14;（此时的变量名是浮点型）
 var i`=‘abc’;（此时变量的类型是字符串）

• Em JS, quando uma variável não é atribuída manualmente, o sistema assume como padrão indefinido (indefinido aqui é um valor específico em vez de uma sequência. Acessar uma variável sem definição / declaração reportará um erro de sintaxe: "variável ”Não está definido.

Tipos de variáveis

• Indefinido
• número
  inclui números inteiros, decimais, números positivos, números negativos, não números, infinito
• Nos dois lados da sequência
  "+", desde que uma delas seja sequência, "+"
  executará a operação de concatenação de sequência . O resultado de 10/3 = 3,333333 (idioma de tipo fraco)
• booleano
  possui apenas dois valores, verdadeiro e falso
• objeto
• subclasse de objeto
• NaN
  é um valor específico, o que significa que não é um número "Não é um número", o número singular é do tipo número
• Variáveis ​​globais As variáveis
  declaradas fora do corpo da função pertencem a variáveis ​​globais.O período de declaração das variáveis ​​globais é:
  declarado quando o navegador é aberto e destruído quando o navegador é fechado. Tente usá-las o menos possível, porque as variáveis ​​globais sempre estarão na memória do navegador e consumem Espaço de memória. Pode usar variáveis ​​locais o máximo possível
• Variáveis locais
  variáveis declaradas no corpo da função compreende uma função de parâmetro pertence a uma variável local
  ciclo de vida variáveis locais são: espaço de memória, de variáveis locais abrir quando a função inicia a execução, depois que a função é executada, um espaço de memória variável local liberado
  parcial O ciclo de vida da variável é relativamente curto.Em
  uma função, se a variável local e a variável global tiverem o mesmo nome, a variável local será chamada usando o "princípio da proximidade"; a variável global será chamada fora do corpo da função (porque a variável local foi destruída neste momento )
  Quando uma variável é declarada sem a palavra-chave var, não importa onde a variável seja declarada, ela é uma variável global

//举个例子
function myfun（）{
	name = "wangwu"
}
//访问函数
myfun();
alert("name="+name);//name=wangwu

2. Identificadores e palavras-chave em js

• As regras e especificações de nomeação de identificadores são implementadas de acordo com o java
• As palavras-chave não precisam ser memorizadas

3. Comentários em js

• Comentário de linha única:

//单行注释

/*
多行注释1
多行注释2
*/

4. Funções em JavaScript

1. Como a função é definida

• Equivalente ao método na linguagem Java, a função também é um pedaço de código que é deliberadamente reutilizado. Geralmente, as funções concluem deliberadamente uma função específica
• Por ser uma linguagem de tipo fraco, não há necessidade de especificar o tipo de valor de retorno, seja qual for a classe retornada
• Existem duas maneiras de definir funções

第一种方式：
	function 函数名（形式参数列表）{
				函数体；
		}
第二种方式：
	函数名 = function （形式参数列表）{
				函数体；
		}
//其中，形式参数可以由也可以没有
//可以传指定的参数个数，也可以不传指定的参数个数

• A função deve ser chamada para executar o
  método de chamada:

函数名（实际参数）；

• Não há mecanismo de sobrecarga para funções em js
• Em java, a
  sobrecarga depende da diferença no tipo e número de parâmetros para obter sobrecarga
• Em js,
  js é uma linguagem de tipo fraco. O tipo do parâmetro de função não é definido artificialmente, mas é determinado pelo tipo do próprio parâmetro, portanto, não é possível distinguir funções diferentes pelo número e tipo de parâmetros, como java. Sobrecarga de implemento
  Se duas funções tiverem o mesmo nome, a função por trás substituirá a função acima

2. Operadores e funções especiais

Caixa de aviso

• Uso
• alerta (massagem), usado para inserir informações de aviso

Caixa de prompt

• Uso
• confirmar (massagem), usado para permitir que o usuário confirme a operação

Caixa de confirmação

• prompt ("informações de prompt", "padrão"), usado para exibir informações de confirmação

//示例
<!--三种消息对话框-->
    <script type="text/javascript">
        //alter(massage)
        alert("这是警告框，用于输出警告信息")

        function show_confirm(){
            //confirm(massage)
            var tf=confirm("请选择确认按钮！")
            if(tf==true){
                alert("您按了确认按钮")
            }else{
                alert("您按了取消按钮！")
            }
        }

        function disp_confirm(){
           //prompt("提示信息"，"默认值");
             var name=prompt("请输入您的姓名","李大为");
            if(name!=null && name!=""){
                document.write("您好",+"name")
            }
        }
       
    </script>

    <form action="" method="POST">
        <input type="button" onclick="show_confirm()" value="显示确认框"/>
        <input type="button" onclick="disp_confirm()" value="显示提示框"/>
    </form>

operador de erro de digitação

• Uso
• alerta (tipo de nome da variável), é possível obter dinamicamente o tipo de dados da variável durante a fase de execução do programa

- 运算结果是以下6个字符串之一
 “undefined”
 “number”
 “string”
 “boolean”
 “object”
 “function”

//例子
var v1 = 1;
alert(typeof v)//"number"

var v2 = "abc";
alert(typeof v)//"string"

"==" operador equivalente

• Uso
• (Variável 1 == variável 2), apenas julgue se os valores são iguais

"===" operador congruente

• Uso
• (Variável 1 === Variável 2), para avaliar se os valores são iguais e se os tipos de dados são os mesmos

função isNaN

• Uso
• isNaN (dados), o resultado é verdadeiro significa um número, o resultado é falso significa não um número

função parsenInt ()

• Uso
• parseInt (data), você pode converter automaticamente a string em um número e obter bits inteiros

função parseFloat ()

• Uso
• parseFloat ("string"), pode converter automaticamente strings em números

Função Math.ceil ()

• Uso
• Math.ceil (número), pode ser arredondado

Função booleana ()

• Uso
• Booleano (dados), você pode converter o tipo não-booleano em tipo booleano, também pode omitir a não gravação, como

if(3) 相当于 if(Boolean(3))

String funções comumente usadas

• length
  obtém o comprimento da string
• indexOf
  obtém o índice da primeira ocorrência da cadeia especificada na cadeia atual
• lastIndexOf
  Obtém o índice da última ocorrência da cadeia especificada na cadeia atual
• substituir
  substituir
• substr
  interceptação substring
• substring
  interceptação substring
• toLowerCase
  converter minúsculas
• toUpperCase
  converte maiúsculas
• 
  string dividida

* Observe a diferença entre substr e substring
var str = "avghsdkl"
substr (2,4) - interceptar ghsd, incluindo str [4]
substring (2,4) - interceptar ghs, excluindo str [4]
*

V. Definição de classes e objetos

1. Definição de classe

Existem duas maneiras de definir

第一种方式：
	function 类名（形式参数列表）{
		
		}
第二种方式：
	类名 = function （形式参数列表）{
				
		}

2. Classe de objeto

• É uma superclasse de todos os tipos, qualquer tipo personalizado, herda Object por padrão.
• Incluindo o atributo prototype (comumente usado), você pode estender dinamicamente o atributo de classe e o
  atributo construtor de funções
• Incluindo a função toString () função
  valueOf ()
  toLocaleString ()
• A classe definida em js herda Object por padrão e integra todos os atributos e funções na classe Object

3. Criação de objetos

new 构造方法名（实参）；//构造方法名和类名一致

//定义一个学生信息函数
function Student(number,name,score){
	this.number = number;
	this.name = name;
	this.score = score;
}

//函数调用
Student(222,"Jack" ,54);

//创建对象(传几个参数都可以)
var stu1 = new Student();
var stu2 = new Student2(544);
var stu3 = new Student(32,"Helen");

var stu = new Student(111,"Rose",65);
//访问对象属性
alter(stu.number);
alter(stu.name);
alter(stu.score);

//访问对象的另一种方法
alert(stu["number"]);
alert(stu["name"]);
alert(stu["score"]);

4. Objetos String

Duas maneiras de criar

• O primeiro tipo: crie diretamente
  var s = "abc";
• O segundo tipo: use a classe de suporte interno
  var s2 = new String ("abc"); Note -se que String é uma classe interna
  que pode ser usada diretamente, e a classe pai de String é Object

//小String（属于原始类型String）
var x = "king";
alter(typeof x);//"string"

//大String（属于Object类型）
var y = new String("abc");
alter(typeof y);//"object"

6. Eventos e registro de eventos em JavaScript

1. Evento

• o borrão
  perde o foco

• foco
  obtém o foco

• clique
  -clique

• dblclick
  mouse clique duplo

• keydown
  Imprensa teclado

• o
  teclado do keyup aparece

• MOUSEDOWN
  a baixo do mouse

• mouseover
  mouseover

• mousemove
  movimento do rato

• mouseout
  folhas rato

• mouseup
  mouse para cima

• reset
  form reset

• enviar
  formulário

• Altere as
  opções na lista suspensa

• selecionar
  texto está selecionado

• A
  página de carregamento é carregada (ocorre depois que todos os elementos em toda a página HTML são carregados)

2. Inscrição no evento

Registre-se diretamente via manipulador de eventos

• Qualquer evento corresponderá a um identificador de evento
• Existe um atributo de identificador de evento

Registre-se com o código js

A seguir, exemplos específicos dos dois métodos

function hello(){
	alter("事件的注册例子”）；
}
//第一种方法
<input type="button" value="第一种方法" onclick="hello（）"/>
/*
将hello函数注册到按钮上，等待onclick事件发生之后，该函数被浏览器调用，我们称这个为回调函数
回调函数的特点：自己把这个代码写出来了，但是这个函数不是自己负责调用的，由其他程序员负责调用该函数
*/

//第二种方法
<input type="button" value="第二种方法" id="mybtn"/>
<input type="button1" value="第二种方法1" id="mybtn1"/>
//第一步、先获取这个按钮对象
var btn = document.getElementById("mybtn");
//第二步、给按钮对象的onclick属性赋值
btn.onclick = hello;//注意：千万不要加小括号
   						 //这行代码的含义是：将回调函数hello注册到click事件上

//使用匿名事件注册
var btn1 = document.getElementById("mybtn1");
btn1.onclick = function(){
   aleter("使用匿名函数注册事件");
}

Sete, expressões regulares